FROM CACHE - de_header
Gelöst

"Ab 19€" Preisauszeichnung im Debut Theme

Industryfy
Entdecker
14 0 22

Hi zusammen!

 

Ich will auf unserer Startseite im Debut Theme die Preisauszeichnungen bei Produkten mit Varianten mit einem "Ab" versehen. Normalerweise sollte das automatisch funktionieren aber das tut es leider nicht. Auch im Sprach-Editor unter dem Reiter "Products" finde ich den Punkt leider nicht.

 

Hat jemand noch ne Idee was ich tun kann?

 

Viele liebe G

Founder Industryfy Design Co.
1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
17908 2838 4174

Erfolg.

Hey @Industryfy 

 

Das Debut Theme ist eins unserer "Legacy Themes" und der "From", sprich, "von" Preis ist in diesem Theme nicht out-of-the-box dabei. Hast du dir überlegt auf einem unsere tollen und neuen 2.0 Themes umzusteigen? Baust du auch Shops für andere?

 

Das DIY im Code machen (aber zuerst in einer Theme Kopie testen)

Du kannst das gerne selber in das Code basteln aber dafür braucht man gute Coding Kenntnisse. 

Im Debut theme, kannst du also den "von"-Preis auf den Kollektions- und Produktseiten anzeigen, indem du ein paar Änderungen an deinem Theme-Code vornimmst.

 

Schritte:

  • Im Debut theme gehe zu "Edit code."

  • Dann "product-template.liquid".

  • Suche und finde: {{ product.price | money }}.

  • Diesen Objekt mit dem folgenden ersetzen:

 

{% if product.compare_at_price > product.price %} <span class="from-price">Ab {{ product.price | money }}</span> <span class="original-price">{{ product.compare_at_price | money }}</span> {% else %} {{ product.price | money }} {% endif %}

 

  • In  "snippets", öffne "product-price.liquid".

  • Folgenden CSS ganz unten ergänzen:

 

.from-price {
    font-size: 12px;
    font-style: italic;
}

.original-price {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 5px;
}

 

Dieser Code prüft, ob das Produkt einen Vergleichspreis hat, der größer ist als der tatsächliche Preis. Wenn dies der Fall ist, werden der "von"-Preis und der Originalpreis durchgestrichen angezeigt. Bitte erstelle, wie gesagt, eine Sicherungskopie des ursprünglichen Codes, bevor du Änderungen vornimmst.

 

Oder gehe in das collection.liquid und finde den Abschnitt der Datei, in dem du den Preis anzeigen möchtest, und füge den folgenden Code an der Stelle ein:

 

{% assign lowest_price = product.variants.first.price %}
{% for variant in product.variants %}
  {% if variant.price < lowest_price %}
    {% assign lowest_price = variant.price %}
  {% endif %}
{% endfor %}
<span class="from-price">Ab</span> {{ lowest_price | money }}

 

Dieser Code durchläuft alle Varianten des Produkts, vergleicht ihre Preise und speichert den niedrigsten Preis in einer Variablen namens lowest_price. Anschließend werden das Label "Ab" und der Wert der Variable lowest_price als Geldbetrag formatiert angezeigt.

 

Bitte beachte, dass dies nur ein Beispiel ist. Möglicherweise musst du den Code an die spezifische Struktur deines Themas anpassen.

 

Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! 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

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2

Gabe
Shopify Staff
17908 2838 4174

Erfolg.

Hey @Industryfy 

 

Das Debut Theme ist eins unserer "Legacy Themes" und der "From", sprich, "von" Preis ist in diesem Theme nicht out-of-the-box dabei. Hast du dir überlegt auf einem unsere tollen und neuen 2.0 Themes umzusteigen? Baust du auch Shops für andere?

 

Das DIY im Code machen (aber zuerst in einer Theme Kopie testen)

Du kannst das gerne selber in das Code basteln aber dafür braucht man gute Coding Kenntnisse. 

Im Debut theme, kannst du also den "von"-Preis auf den Kollektions- und Produktseiten anzeigen, indem du ein paar Änderungen an deinem Theme-Code vornimmst.

 

Schritte:

  • Im Debut theme gehe zu "Edit code."

  • Dann "product-template.liquid".

  • Suche und finde: {{ product.price | money }}.

  • Diesen Objekt mit dem folgenden ersetzen:

 

{% if product.compare_at_price > product.price %} <span class="from-price">Ab {{ product.price | money }}</span> <span class="original-price">{{ product.compare_at_price | money }}</span> {% else %} {{ product.price | money }} {% endif %}

 

  • In  "snippets", öffne "product-price.liquid".

  • Folgenden CSS ganz unten ergänzen:

 

.from-price {
    font-size: 12px;
    font-style: italic;
}

.original-price {
    text-decoration: line-through;
    font-size: 12px;
    margin-left: 5px;
}

 

Dieser Code prüft, ob das Produkt einen Vergleichspreis hat, der größer ist als der tatsächliche Preis. Wenn dies der Fall ist, werden der "von"-Preis und der Originalpreis durchgestrichen angezeigt. Bitte erstelle, wie gesagt, eine Sicherungskopie des ursprünglichen Codes, bevor du Änderungen vornimmst.

 

Oder gehe in das collection.liquid und finde den Abschnitt der Datei, in dem du den Preis anzeigen möchtest, und füge den folgenden Code an der Stelle ein:

 

{% assign lowest_price = product.variants.first.price %}
{% for variant in product.variants %}
  {% if variant.price < lowest_price %}
    {% assign lowest_price = variant.price %}
  {% endif %}
{% endfor %}
<span class="from-price">Ab</span> {{ lowest_price | money }}

 

Dieser Code durchläuft alle Varianten des Produkts, vergleicht ihre Preise und speichert den niedrigsten Preis in einer Variablen namens lowest_price. Anschließend werden das Label "Ab" und der Wert der Variable lowest_price als Geldbetrag formatiert angezeigt.

 

Bitte beachte, dass dies nur ein Beispiel ist. Möglicherweise musst du den Code an die spezifische Struktur deines Themas anpassen.

 

Lass wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! 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

Industryfy
Entdecker
14 0 22

Vielen lieben Dank für die ausführliche Antwort Gabe! Wir haben nun das Theme gewechselt und das Problem somit gelöst. Viele Grüße und Danke!

Founder Industryfy Design Co.