Liquid, JavaScript, Themes
Hallo,
wie auch viele andere stehen wir vor der Herausforderung den Grundpreis bei Artikel anzeigen zu lassen.
Wir haben sehr viele Varianten (>7000) und ein schnell wechselndes Sortiment und brauchen dafür eine flexible Lösung. Nun habe ich dafür 2 Metafelder angelegt "Grundpreispflichtig Boolean" und "Inhalt Decimal".
Wir verwenden das Taste Theme 9.0 und haben in main-product.liquid unseren Code angepasst. (Nur der nachfolgend fett gedruckte Teil wurde eingefügt):
{%- when 'price' -%}
<div class="no-js-hidden" id="price-{{ section.id }}" role="status" {{ block.shopify_attributes }} >
{%- render 'price',
product: product,
use_variant: true,
show_badges: true,
price_class: 'price--large'
-%}
{% if product.metafields.custom.grundpreispflichtig %}
<div class="grundpreis">Grundpreis: €{{ product.price | divided_by: product.metafields.custom.inhalt | divided_by: 100}} / L</div>
{% endif %}
</div>
Soweit funktioniert das auch und der Grundpreis wird korrekt dargestellt. Allerdings muss dies auch in allen Produktrastern und den Suchergebnissen angezeigt werden.
Hier wurde das Thema auch schon angesprochen, allerdings passen die Antworten nicht für unser Taste Theme: https://community.shopify.com/c/technische-fragen-antworten/grundpreis-per-varianten-metafeld-in-kat...
Wir sind für jede Hilfe dankbar 🙂
P.S.:
Es wäre toll, wenn die Standard-Shopify-Felder für Grundpreise und Grundmenge endlich auch per Import und Bulk-Editor setzbar sind!
Viele Grüße
Daniele
Gelöst! Zur Lösung
Erfolg.
Hallo Kai,
wir haben die Lösung tatsächlich schon gefunden:
Die betroffenen Stellen sind:
1. main-product.liquid
2. predictive-search.liquid
3. card-product.liquid
Den Code konnten wir noch optimieren, um den Preis auch im richtigen Format darzustellen:
Nachfolgend für 1. & 2.:
{% if product.metafields.custom.grundpreispflichtig %}
<div class="grundpreis">Grundpreis: {{ product.price | divided_by: product.metafields.custom.inhalt | money_with_currency}} / L</div>
{% endif %}
Für 3.:
{% if card_product.metafields.custom.grundpreispflichtig %}
<div class="grundpreis">Grundpreis: {{ card_product.price | divided_by: card_product.metafields.custom.inhalt | money_with_currency}} / L</div>
{% endif %}
Viele Grüße
V4Y
Hi @Vapes4You,
vielen Dank für deinen Post und den Namen eures Themes.
Mit jedem bezahlten Shopify Plan bekommt man 60 Minuten Designtime, wenn man eins unserer Shopify Themes verwendet, was in eurem Shop mit Taste der Fall ist.
Ich würde vorschlagen, dass ihr uns eine E-Mail schickt mit:
Meine Kollegen würden dir daraufhin in 24-48 Stunden antworten und deine Anfrage an unsere Themedesigner weiterleiten, um abzuklären, ob die Änderungen so vorgenommen werden können, bevor diese dann mit der Arbeit anfangen, was in etwa 24-72 Stunden passiert.
Ist euer Shopify Shop bereits live? oder seid ihr noch dabei diesen zu Erstellen, wobei euch diese Checkliste, der dabei wichtigen Punkte mit behilflich sein könnte.
Kai | 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
Erfolg.
Hallo Kai,
wir haben die Lösung tatsächlich schon gefunden:
Die betroffenen Stellen sind:
1. main-product.liquid
2. predictive-search.liquid
3. card-product.liquid
Den Code konnten wir noch optimieren, um den Preis auch im richtigen Format darzustellen:
Nachfolgend für 1. & 2.:
{% if product.metafields.custom.grundpreispflichtig %}
<div class="grundpreis">Grundpreis: {{ product.price | divided_by: product.metafields.custom.inhalt | money_with_currency}} / L</div>
{% endif %}
Für 3.:
{% if card_product.metafields.custom.grundpreispflichtig %}
<div class="grundpreis">Grundpreis: {{ card_product.price | divided_by: card_product.metafields.custom.inhalt | money_with_currency}} / L</div>
{% endif %}
Viele Grüße
V4Y
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