WooCommerce Warenkorb anpassen

  • Gelöst landhausei

    (@landhausei)


    vor 2 Jahren, 5 Monaten

    Hallo zusammen,

    ich stehe vor einer kleinen Herausforderung. Aktuell baue ich einen Online-Shop (avada fusion) und nutze dazu WooCommerce. Dieses hat den Warenkorb und den Checkout gleich von selbst integriert. Nun möchte ich diesen gern optisch anpassen. Jedoch handelt es sich dabei lediglich um den Code „[woocommerce_cart]“. Die Buttonfarbe ist jedoch in unpassenden Farben. Leider finde ich nirgendwo die Option, diese Farben oder ganz allgemein den Warenkorb optisch anzupassen.

    Habt Ihr einen Tipp für mich? Denn leider finde ich mit Google nichts dazu.

    Vielen Dank für die Mühe!

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • bscu

    (@bscu)

    vor 2 Jahren, 5 Monaten

    Habt Ihr einen Tipp für mich?

    Im Custom-CSS kannst du solche Anpassungen durchführen.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 5 Monaten

    Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen. Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten.

    Viele Grüße
    Hans-Gerd

    • Diese Antwort wurde geändert vor 2 Jahren, 5 Monaten von Hans-Gerd Gerhards. Grund: Ergänzung
    Thread-Starter landhausei

    (@landhausei)

    vor 2 Jahren, 5 Monaten

    Guten Morgen,

    vielen Dank für die schnellen Antworten 🙂

    Einen Link zur Website kann ich aktuell leider nicht liefern, da die Website im Wartungsmodus ist und hinter einem Admin Zugang steckt 🙁

    Hier habe ich aber schon mal den Bericht:

    
### wp-core ###

version: 5.9.3
site_language: de_DE
user_language: de_DE
timezone: Europe/Berlin
permalink: /%category%/%postname%/
https_status: true
multisite: false
user_registration: 1
blog_public: 0
default_comment_status: open
environment_type: production
user_count: 2
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de
wordpress_size: 54,58 MB (57228819 bytes)
uploads_path: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content/uploads
uploads_size: 256,07 MB (268510455 bytes)
themes_path: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content/themes
themes_size: 34,13 MB (35784351 bytes)
plugins_path: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content/plugins
plugins_size: 108,83 MB (114119789 bytes)
database_size: 22,07 MB (23145496 bytes)
total_size: 475,68 MB (498788910 bytes)

### wp-active-theme ###

name: Avada Child (Avada-Child-Theme)
version: 1.0.0
author: ThemeFusion
author_website: https://theme-fusion.com
parent_theme: Avada (Avada)
theme_features: core-block-patterns, fusion-builder-options, widgets-block-editor, post-thumbnails, title-tag, automatic-feed-links, custom-header, custom-background, woocommerce, wc-product-gallery-zoom, wc-product-gallery-slider, wc-product-gallery-lightbox, post-formats, fusion-builder-demos, menus, align-wide, wp-block-styles, editor-font-sizes, widgets
theme_path: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content/themes/Avada-Child-Theme
auto_update: Deaktiviert

### wp-parent-theme ###

name: Avada (Avada)
version: 7.6.1 (latest version: 7.7.1)
author: ThemeFusion
author_website: https://themeforest.net/user/ThemeFusion
theme_path: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content/themes/Avada
auto_update: Deaktiviert

### wp-themes-inactive (2) ###

Storefront: version: 4.0.0, author: Automattic (latest version: 4.1.0), Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.1, author: WordPress-Team, Automatische Aktualisierungen deaktiviert

### wp-plugins-active (15) ###

Avada Builder: version: 3.6.1, author: ThemeFusion, Automatische Aktualisierungen deaktiviert
Avada Core: version: 5.6.1, author: ThemeFusion, Automatische Aktualisierungen deaktiviert
Cart All In One For WooCommerce: version: 1.1.7, author: VillaTheme, Automatische Aktualisierungen deaktiviert
Contact Form 7: version: 5.5.6, author: Takayuki Miyoshi, Automatische Aktualisierungen deaktiviert
Honeypot for Contact Form 7: version: 2.1, author: Nocean, Automatische Aktualisierungen deaktiviert
Maintenance: version: 4.05, author: WebFactory Ltd, Automatische Aktualisierungen deaktiviert
Real Media Library: version: 4.18.0, author: devowl.io (latest version: 4.18.3), Automatische Aktualisierungen deaktiviert
Tidio Chat: version: 5.0.0, author: Tidio Ltd., Automatische Aktualisierungen deaktiviert
Widgets for Ebay Reviews: version: 8.2.1, author: Trustindex.io <support@trustindex.io>, Automatische Aktualisierungen deaktiviert
WooCommerce: version: 6.3.1, author: Automattic (latest version: 6.4.1), Automatische Aktualisierungen deaktiviert
WooCommerce PayPal Checkout Gateway: version: 2.1.3, author: WooCommerce, Automatische Aktualisierungen deaktiviert
WooCommerce PayPal Payments: version: 1.7.1, author: WooCommerce, Automatische Aktualisierungen deaktiviert
WooCommerce Stripe Gateway: version: 6.3.0, author: WooCommerce, Automatische Aktualisierungen deaktiviert
wpShopGermany - IT-Recht Kanzlei: version: 1.6, author: maennchen1.de, Automatische Aktualisierungen deaktiviert
Yoast SEO: version: 18.4.1, author: Team Yoast (latest version: 18.6), Automatische Aktualisierungen deaktiviert

### wp-plugins-inactive (2) ###

Autoptimize: version: 2.9.5.1, author: Frank Goossens (futtta) (latest version: 3.0.3), Automatische Aktualisierungen deaktiviert
WP Super Cache: version: 1.7.7, author: Automattic, Automatische Aktualisierungen deaktiviert

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1687
imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org
imagick_version: 3.4.4
file_uploads: File uploads is turned off
post_max_size: 200M
upload_max_filesize: 200M
max_effective_size: 200 MB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 31 GB
	imagick::RESOURCETYPE_DISK: 1.84467440737E+19
	imagick::RESOURCETYPE_FILE: 786432
	imagick::RESOURCETYPE_MAP: 31 GB
	imagick::RESOURCETYPE_MEMORY: 16 GB
	imagick::RESOURCETYPE_THREAD: 8
imagemagick_file_formats: 3FR, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: 2.2.5
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: 9.26

### wp-server ###

server_architecture: Linux 4.15.0-169-generic x86_64
httpd_software: Apache
php_version: 7.4.28 64bit
php_sapi: fpm-fcgi
max_input_variables: 3000
time_limit: 30
memory_limit: 256M
max_input_time: 60
upload_max_filesize: 200M
php_post_max_size: 200M
curl_version: 7.58.0 OpenSSL/1.1.1
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false

### wp-database ###

extension: mysqli
server_version: 5.7.37-nmm1-log
client_version: mysqlnd 7.4.28
max_allowed_packet: 67108864
max_connections: 500

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content
WP_PLUGIN_DIR: /www/htdocs/w01908c1/shop.rsf-industrietechnik.de/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Nicht definiert
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
    Moderator Bego Mario Garde

    (@pixolin)

    vor 2 Jahren, 5 Monaten

    Da wir keinen Zugriff auf die Website haben, können wir kaum eine Änderung des Stylesheets in den Entwickler-Tools des Browsers testen. Du wirst dir also selber helfen oder einen Dienstleister hinzuziehen müssen.

    Nochmal zur Erinnerung: wir können hier bei gekauften Themes und Plugins nicht helfen, weil sie uns für kostenlosen Support nicht zur Verfügung stehen. Es ist auch nicht Sinn des Support-Forums, auf Zuruf CSS-Regeln zu erstellen. Hier machen wir aber gerne eine Ausnahme, wenn die Änderungen nicht zu umfangreich sind und wir auf die Website zugreifen können.

    Viel Erfolg bei deinem Projekt.

    Thread-Starter landhausei

    (@landhausei)

    vor 2 Jahren, 5 Monaten

    @pixolin
    Ich verstehe natürlich, dass man ohne Zugriff auf die Website nur bedingt helfen kann. Meine Anfrage bezog sich ja aber nicht auf „bitte macht das mal jemand für mich“. Es war viel mehr eine Verstädnisfrage weil ich davon ausging, dass so etwas wie das ändern einer Buttonfarbe im WooCommerce Warenkorb simpel ist und ich nur einen Denkfehler habe und da ein Hinweis reicht, wo ich in den Einstellungen den Punkt finde, um den Warenkorb von WooCommerce zu ändern, oder ob es sogar ein Plugin dafür braucht. Wir nutzen eigentlich ganz bewusst AvadaFusion, um keine zusätzliche CSS Programmierung anwenden zu müssen.

    Aber ich habe das dann jetzt so verstanden, dass man hier mithilfe von CSS die Farben ändern kann. Dann werde ich dazu weiter googeln und versuchen das selbst hinzubekommen.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 2 Jahren, 5 Monaten

    @landhausei
    dann ist das Thema ja grundsätzlich gelöst und ich markiere das Thema dementsprechend. Denkst du bitte beim nächsten Mal daran, das Thema dann auch als gelöst zu markieren, wenn das Thema für dich erledigt ist. Danke.
    Gelöst
    Die Option findest du rechts in der Sidebar.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 2 Jahren, 5 Monaten

    Meine Anfrage bezog sich ja aber nicht auf „bitte macht das mal jemand für mich“.

    Ist auch nicht so angekommen – aber tatsächlich „machen wir das für dich“, wenn wir Zugang zur Websit haben und es nicht zu aufwändig wird. Geht nicht, deshalb der Hinweis. (Ich frage mich manchmal, ob den Teilnehmern hier wirklich geholfen wäre, wenn wir „du musst ja nicht anworten“ wörtlich nehmen und Threads dann einfach komplett ignorieren würden. Wäre dir das lieber gewesen?)

    dass so etwas wie das ändern einer Buttonfarbe im WooCommerce Warenkorb simpel ist

    Wenn das Theme dafür keine Einstellungsmöglichkeit anbietet, bleibt dir nur eine Änderung per CSS. Ich dachte, das wäre durch die erste Antwort, die du erhalten hast, schon klar geworden?

    … und da ein Hinweis reicht, wo ich in den Einstellungen den Punkt finde,

    DAs ist ja das Problem: ich würde dir wirklich gerne sagen „Klick mal dort und dort, da findest du das und das und da kannst du … “ – nur müsste ich dazu das Theme haben. Hab ich aber nicht, kann ich also nicht, habe ich geschrieben, hat dir auch nicht gefallen? 😛

    Dann werde ich dazu weiter googeln und versuchen das selbst hinzubekommen.

    Auch für uns unbefriedigend, aber ja: du wirst weiter rechercherien, auf die Änderung verzichten oder einen Dritten hinzuziehen müssen.

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „WooCommerce Warenkorb anpassen“ ist für neue Antworten geschlossen.