Liquid, JavaScript, Themes
Hallo,
wie kann man auf der Produktseite das inkl. Mwst , Versandkosten werden im Checkout berechnet, Zeile ändern, das wenn der Artikel schon über 45 € ist, dann da steht "Versand gratis", sonst das übliche "Versandkosten .. werden ?
Ich denke das muss ein CODE sein, den man im "Standard-Thema-Texte bearbeiten kann, aber wie müsste der lauten?
<a href="{{ link }}" class="link link--accented">Versandkosten oder kostenloser Versand ab 45 € </a> werden an der Kasse berechnet.
Momentan sieht er so aus.
Danke
Hey @Maria2712
Das haben wir hier besprochen aber ich re-poste das gerne nochmal hier:
Ich sehe was du machen möchtest und das leuchtet ein! Du möchtest das Wort "Versandkosten" automatisch ändern, wenn der Kunde einen gesamt Warenkorbwert > 45 € hat, so dass dann "Versand gratis" anstelle von "Versandkosten" da steht. Das wird aber eine komplexere Code Anpassung verlangen und hier eine generelle Anleitung die du mit einem Experten ausprobieren kannst.
Wenn du es selber auf deiner Produktseite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
Um diese Anpassung in Shopify durchzuführen, müsstest du ein kleines Stück Liquid-Code (die von Shopify verwendete Vorlagensprache) zum Theme hinzufügen. Hier sind die allgemeinen Schritte, die du befolgen kannst:
Öffne das Shopify Admin-Dashboard und navigiere zu Online-Shop > Themes
. Dort findest du das aktuell aktive Theme. Klicke auf Aktionen > Code bearbeiten
.
Suche im linken Bereich nach product-template.liquid
oder einem ähnlichen Dateinamen. Es kann sein, dass der genaue Code, den du ändern müssen, in einer anderen Liquid-Datei liegt, je nachdem, wie das spezifische Theme aufgebaut ist.
Suche nach dem Text "zzgl. MwSt. und Versandkosten"
. Direkt darüber oder darunter einen Liquid-Code-Block hinzufügen und speichern, um den Text basierend auf dem Warenkorbwert zu ändern.
Der Code könnte eine IF-Statement sein und so aussehen:
{% if cart.total_price > 4500 %}
zzgl. MwSt. und Versand gratis
{% else %}
zzgl. MwSt. und Versandkosten
{% endif %}
Der Wert 4500
repräsentiert 45,00 € (da das Shopify Kernsystem Preise in Cent bearbeitet). Dieser Code überprüft, ob der gesamte Preis des Warenkorbs über 4500 Cent (oder 45 €) liegt und zeigt den entsprechenden Text an.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Das klappt nicht. Ich bekomme es einfach nicht hin
Hey @Maria2712
Der Post ist von 2023 und du hast 1) nicht erwähnt, welches Theme das ist, und 2) keinen Link zu einem Beispiel geliefert. Diese könnten uns viel hin-und-her ersparen.
Ich nehme aber mal an du arbeitest mit unserem standard Dawn Theme und du müsstest eine Liquid-Logik zu deinem Dawn-Theme hinzufügen wie z. B. dem main-product.liquid
oder product-template.liquid
. Es kann auch eine andere Datei sein, je nach spezifischer Struktur deines Themes. Finde die Stelle, an der der Text "Versandkosten werden im Checkout berechnet" steht. Dies könnte im HTML-Code wie folgt aussehen:
<div class="product__tax caption rte">inkl. MwSt.
<a href="/policies/shipping-policy">Versand</a> wird beim Checkout berechnet
</div>
Ersetze den obigen HTML-Code durch einen Code wie den folgenden, der den Text basierend auf dem Warenkorbwert ändert:
<div class="product__tax caption rte">inkl. MwSt.
{% if cart.total_price > 4500 %}
<a href="/policies/shipping-policy">Versand gratis</a>
{% else %}
<a href="/policies/shipping-policy">Versand</a> wird beim Checkout berechnet
{% endif %}
</div>
{% if cart.total_price > 4500 %}
: Überprüft, ob der Gesamtwert des Warenkorbs mehr als 4500 Cent (45 €) beträgt.Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hallo 🙂 ja ich hatte vergessen es zu erwähnen.
so wir benutzen Warehouse-Version 5.2.0
Was für einen Link könnte ich senden?
Ok danke dann werde ich das in meiner Warehouse Theme Testumgebung kurz testen. Bitte beachte aber meine Angabe oben bzgl. "Wenn du es selber auf deiner Produktseite programmieren möchtest dann bitte immer..."
ERGEBNIS:
<div class="product-form__info-list">
<div class="product-form__info-item">
<span class="product-form__info-title text--strong">Preis:</span>
<div class="product-form__info-content" role="region" aria-live="polite">
<div class="price-list">
<span class="price price--highlight">
<span class="visually-hidden">Sonderpreis</span>€20,68
</span>
<span class="price price--compare">
<span class="visually-hidden">Normalpreis</span>€25,84
</span>
</div>
<div class="product-form__price-info" style="display: none">
<div class="unit-price-measurement">
<span class="unit-price-measurement__price"></span>
<span class="unit-price-measurement__separator">/ </span>
<span class="unit-price-measurement__reference-value"></span>
<span class="unit-price-measurement__reference-unit"></span>
</div>
</div>
</div>
</div>
<div class="product-form__info-item product-form__info-item--quantity">
<label for="template--22695074136413__main-7113845702753-quantity" class="product-form__info-title text--strong">Menge:</label>
<div class="product-form__info-content">
<div class="quantity-selector quantity-selector--product">
<button type="button" class="quantity-selector__button" data-action="decrease-picker-quantity" aria-label="Menge um 1 reduzieren" title="Menge um 1 reduzieren">
<svg focusable="false" class="icon icon--minus" viewBox="0 0 10 2" role="presentation">
<path d="M10 0v2H0V0z" fill="currentColor"></path>
</svg>
</button>
<input name="quantity" aria-label="Menge" class="quantity-selector__value" inputmode="numeric" value="1" size="3">
<button type="button" class="quantity-selector__button" data-action="increase-picker-quantity" aria-label="Menge um 1 erhöhen" title="Menge um 1 erhöhen">
<svg focusable="false" class="icon icon--plus" viewBox="0 0 10 10" role="presentation">
<path d="M6 4h4v2H6v4H4V6H0V4h4V0h2v4z" fill="currentColor" fill-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="product-form__info-item">
{% if cart.total_price > 4500 %}
<span>Versand gratis</span>
{% else %}
<span>Versandkosten werden im Checkout berechnet</span>
{% endif %}
</div>
</div>
{% if cart.total_price > 4500 %}
überprüft, ob der gesamte Preis des Warenkorbs mehr als 4500 Cent (45 €) beträgt.Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
ach gott - bei mir sieht das alles anders aus... das sind Sachen die mich nerven - neben dem Google Merchant Center next (Versandkosten) .. man hat laufend immer Baustellen.
Also ich find das nicht unter product ..
Du hast ja keinen befristeten Vorschaulink mit uns geteilt wie ich es schon mehrmals gefragt habe. Man kann das Problem effektiv und effizient angehen oder es umständlich angehen, was ja viel mehr Zeit und Energie kostet.
Hast du das beispielsweise mit deinen Theme Entwickler besprochen? Das würde ich sehr empfehlen denn dein Theme muss ja steuermässig konform sein!
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
ich habe doch gefragt was für einen Link - sorry aber so gut kenn ich mich mit diesen Sachen auch nicht aus.
Hi Gabe!
Ich habe dasselbe vor wie Maria. Ich verwende Dawn 15.2.0. Komme leider nicht weiter. Ich habe jetzt sämtliche .liquid Dateien nach "wird beim Checkout berechnet" durchsucht und die Codezeile nicht finden (und mit deinem Snippet ersetzen) können. Hast du noch einen Tipp für mich?
Vielen Dank und Gruß 🙂
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024