Support » WooCommerce » WooCommerce Warenkorb anpassen

  • Gelöst landhausei

    (@landhausei)


    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)
  • Habt Ihr einen Tipp für mich?

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

    Moderator Hans-Gerd Gerhards

    (@hage)

    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

    Thread-Ersteller landhausei

    (@landhausei)

    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)

    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-Ersteller landhausei

    (@landhausei)

    @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)

    @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)

    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)