Liquid, JavaScript, Themes
Hallo zusammen,
ich bin neu in Shopify und kämpfe gerade mit der Grundpreisanzeige.
Verwendetes Theme: Refresh.
Mir ist bewusst, dass ich mit diesem Theme bei jedem Produkt das Häkchen zur Grundpreisanzeige setzen und das Gewicht eingeben könnte. Dann würde es funktionieren. Wir haben allerdings ca. 1.500 Artikel und suchen daher nach einer weniger zeitintensiven Methode 🙂
Den Grundpreis habe ich aus unserem bisherigen System als Varianten-Metafeld zu Shopify exportieren können.
Dieses Varianten-Metafeld habe ich auf der Produktseite bereits erfolgreich mit Benutzerdefiniertem Liquid einbauen können. Hier wird der Grundpreis korrekt angezeigt. Diesen Code habe ich dafür verwendet:
{% for variant in product.variants %}
{% if product.selected_or_first_available_variant.id == variant.id %}
<span style="font-size:14px;">Grundpreis: {{ variant.metafields.Grundpreis.Grundpreis }} €/{{ variant.metafields.Grundpreis.Grundpreis_Inhalt }}
<br></span>
{% endif %}
{% endfor %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$(".no-js-hidden").on("click", function(){
var refreshint = setInterval(function(){
location.reload();
}, 1000); }); });
</script>
Nun müsste der Grundpreis aber auch in die Kategorieübersichtsseite und in die Suchergebnisseite in die Artikelkacheln rein.
Ich suche jetzt also nach der richtigen Stelle im Code-Verzeichnis, an der ich diesen Code bzw. generell gesprochen ein Varianten-Metafeld zur Anzeige des Grundpreises auch an diesen beiden Stellen einbauen kann.
Kann mir hier bitte jemand weiterhelfen?
Im Voraus vielen Dank und viele Grüße
Dorothee
Gelöst! Zur Lösung
Erfolg.
Hi Dorothee! @FH_Dorothee
Danke für die vielen Angaben die uns helfen werden eine Lösung für euch zu finden. An erster Stelle ist das Refresh von uns gebaut um den GP anzuzeigen (mehr dazu hier). Man muss diesen aber leider in jedem Produkt aktivieren und da kann ich voll verstehen dass das viel Arbeit bei 1,500+ Produkte bereitet.
Man kann auch den Liquid Template-Code bearbeiten um den Grundpreis in der Kategorieübersicht und in den Suchergebnissen anzuzeigen, indem man den entsprechenden Code in den korrekten Dateien des Themes einfügt.
Es DIY machen:
Wenn du es selber auf deiner Page 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 die hier 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 negative 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!
Im Allgemeinen findest du den Code im collection.liquid
und/oder in product-card.liquid
, bzw. product-grid-item.liquid
. Diese Dateien stellen die Produktübersichts- oder Kategorieseiten dar und enthalten den Code, der für jedes Produkt in der Übersicht angezeigt wird.
Für die Suchergebnisse muss man den Code normalerweise in die Datei search.liquid
einfügen, die den Inhalt der Suchergebnisseite bestimmt. Du möchtest wahrscheinlich, dass der Grundpreis irgendwo in der Nähe des Produktnamens oder des Produktpreises angezeigt wird.
Der von dir bereitgestellte Code sollte grundsätzlich funktionieren, allerdings sicherstellen, dass das Metafeld Grundpreis
für alle Produkte korrekt ausgefüllt ist.
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. Oder lass wissen, wenn du weitere Fragen dazu hast oder 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
Erfolg.
Hi Dorothee! @FH_Dorothee
Danke für die vielen Angaben die uns helfen werden eine Lösung für euch zu finden. An erster Stelle ist das Refresh von uns gebaut um den GP anzuzeigen (mehr dazu hier). Man muss diesen aber leider in jedem Produkt aktivieren und da kann ich voll verstehen dass das viel Arbeit bei 1,500+ Produkte bereitet.
Man kann auch den Liquid Template-Code bearbeiten um den Grundpreis in der Kategorieübersicht und in den Suchergebnissen anzuzeigen, indem man den entsprechenden Code in den korrekten Dateien des Themes einfügt.
Es DIY machen:
Wenn du es selber auf deiner Page 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 die hier 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 negative 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!
Im Allgemeinen findest du den Code im collection.liquid
und/oder in product-card.liquid
, bzw. product-grid-item.liquid
. Diese Dateien stellen die Produktübersichts- oder Kategorieseiten dar und enthalten den Code, der für jedes Produkt in der Übersicht angezeigt wird.
Für die Suchergebnisse muss man den Code normalerweise in die Datei search.liquid
einfügen, die den Inhalt der Suchergebnisseite bestimmt. Du möchtest wahrscheinlich, dass der Grundpreis irgendwo in der Nähe des Produktnamens oder des Produktpreises angezeigt wird.
Der von dir bereitgestellte Code sollte grundsätzlich funktionieren, allerdings sicherstellen, dass das Metafeld Grundpreis
für alle Produkte korrekt ausgefüllt ist.
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. Oder lass wissen, wenn du weitere Fragen dazu hast oder 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
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