Okay
  Public Ticket #2182278
Template import failed
Closed

Comments

  • Georg started the conversation

    Hallo,

    erstmal vielen Dank für Euren tollen Support bisher :) Ihr wart mir bei der Customization eine große Hilfe!!

    Ich habe ein kleines Problem mit der Darstellung des Warenkorbs. Wenn sich ein Artikel im Warenkorb befindet, dann überlappen sich die beiden Texte "inkl. Mehrwertsteuer" und "zzgl. Versandkosten". Siehe Screenshot. Gibt es eine Möglichkeit, das zu korrigieren? 

    Danke!

    Attached files:  Bildschirmfoto 2019-10-12 um 14.34.39.png

  •  956
    Marc replied

    Hallo Georg,

    bitte verwende einmal den folgenden ergänzenden CSS-Code:

    .cart-offcanvas .woocommerce .widget_shopping_cart_content p.total-cart-tax {
        bottom: 210px;
    }
    .cart-offcanvas .woocommerce .widget_shopping_cart_content p.total:not(.wc-gzd-total-mini-cart) {
        bottom: 280px;
    }

    Viele Grüße
    Marc

  • Georg replied

    Hallo Marc,

    danke dir für deine Hilfe :)

    Der zusätzliche CSS Code hat funktioniert! Eine Frage noch: Jetzt wird der Link zur Versandkostenseite gemäß CSS in weiß ausgegeben - leider kaum sichtbar auf dem hellen Hintergrund. Kann ich das CSS für diesen einen Link manipulieren, sodass der Link z.B. in normaler Schriftart aber nur unterstrichen angezeigt wird?

    Danke dir vielmals!!

    Attached files:  Bildschirmfoto 2019-10-14 um 15.34.11.png

  •  956
    Marc replied

    Hallo Georg,

    auch dies lässt sich mit Hilfe von ergänzendem CSS-Code anpassen. Kannst du mir einen direkten Link zur Verfügung stellen, so dass ich mir dies einmal näher anschauen kann? Ich kann dir so auch etwas passenden Beispiel-Code zur Verfügung stellen.

    Die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von "Element untersuchen", "Element-Informationen" o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

    Viele Grüße
    Marc

  • Georg replied

    Hallo Marc,

    ich habe bereits die class mit dem inspector identtifiziert: class="total shipping-costs-cart-info wc-gzd-total-mini-cart"

    Ich habe schon einige Custom CSS Befehle probiert leider ohne Erfolg...

    Wenn Du den Bug reproduzieren möchtest gehe bitte in der Desktop Version auf https://suedlicht.shop/ und lege einen beliebigen Artikel in den Warenkorb. Klicke danach bitte auf den Warenkorb  sodass sich die Warenkorb Vorschau öffnet. Bei der Auflistung findest Du dann auch den Link zu den Versandkosten. 

    Vielen Dank schon mal!

  •  956
    Marc replied

    Hallo Georg,

    konntest du das Problem bereits beheben? Ich kann leider keinen weißen Versandkosten-Link erkennen. Sollte es weiterhin bestehen, sage mir bitte, mit welchem Browser auf welchem Betriebssystem der Link in weiß dargestellt wird.

    Viele Grüße
    Marc

  • Georg replied

    Hi Marc,

    dein Feedback hat mich jetzt etwas mehr testen lassen... Mir ist dabei aufgefallen, das der Link zu den Versandkosten nur dann in weiß erscheint, wenn der User schon mal auf diese Seite geklickt hat. Wenn der User noch nie auf der Seite war, dann ist der Link im Standard-Farbschema. 

  •  956
    Marc replied

    Hallo Georg,

    mit welchem Browser auf welchem Betriebssystem tritt dieses Problem auf?

    Viele Grüße
    Marc

  • Georg replied

    Hi Marc, 

    das wurde mit auf Mac OS X festgestellt und mit den aktuellen Versionen des Opera, Chrome und Safari Browsers reproduziert. 

    Hoffe die Info hilft dir weiter!

    Grüße
    Georg 

  •  956
    Marc replied

    Hallo Georg,

    leider kann ich das Problem weiterhin nicht reproduzieren. Da sich die Farbe nach einem Besuch der Seite ändert, scheint es sich hierbei um die "visited"-Eigenschaft des Links zu handeln, der diese Umfärbung auslöst. Der folgende ergänzende CSS-Code würde die Farbe hierfür gesondert festlegen:

    .total.shipping-costs-cart-info.wc-gzd-total-mini-cart a:visited {
        color: #1a1a1a;
    }

    Viele Grüße
    Marc

  • Georg replied

    Hi Marc,

    danke dir für deine Hilfestellung. Leider hat das auch nicht weitergeholfen. Aber wenn der nicht überall reproduzierbar ist, sollte es zu verkraften sein. 

    Trotzdem vielen Dank für deinen großartigen Support!

  •  956
    Marc replied

    Hallo Georg,

    ich konnte das nun tatsächlich an einem anderen Mac nachvollziehen und sehe nun auch, dass dies nur auf der Startseite passiert. Der folgende ergänzende CSS-Code sollte nun also tatsächlich Abhilfe schaffen:

    .page-template-shop-front.header-fullscreen #site-branding .total.shipping-costs-cart-info.wc-gzd-total-mini-cart a {
        color: #1a1a1a !important;
    }
    

    Viele Grüße
    Marc