Preis in der Produktkarte ausblenden

[casa2]

Hallo,

Wie es der Titel schon sagt, gibt es eine Möglichkeit den Preis nur in der Produktkarte auszublenden?

Ich habe eine App bei der man den Preis ausblenden kann, aber dann wird dieser überall ausgeblendet, will den aber nur aus der Produktkarte raus.

Eventuell im Code? ich benutze das Dawn Theme.

[Finer · Accepted solution]

@casa2 leider ist das komplizierter, als man annehmen würde. Das hängt damit zusammen, dass der Preis in einer eigenen Datei (Liquid) ausgewiesen wird. Die Produktseite und die Produktkarte greifen aber auf die gleiche Datei zu.

Auch wenn man das im Code ausblenden würde, würde sich das auch auf die Produktseite auswirken. Man könnte zwar auch die Kondition definieren, dass auf allen Seiten außer der Produktseite der Preis ausgeblendet wird, allerdings hat das zur Folge, dass Produktkarten, wie z. B. Empfehlungen, die auf der Produktseite sind, einen Preis anzeigen.

Ich denke, die beste Lösung wäre es, die Preisdatei in der card-product.liquid Datei auszukommentieren. Dadruch wird sie dort nicht geladen.

In der entsprechenden Datei solltest du bei Zeile 202 Folgendes finden:

{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}

Das kannst du ändern in:

{% comment %}
{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}
{% endcomment %}

Bevor du diese Änderungen vornimmst, stelle sicher, dass du eine Sicherheitskopie des Live-Themes erstellst. Sollte etwas schiefgehen, kannst du die Sicherungskopie direkt veröffentlichen.

[casa2]

Danke dir für die schnelle und präzise Lösung. 🙂

[Florence]

Hi @Finer 

dürfte ich mich da gleich anschließen. Ich möchte gerne, dass der Preis nicht angezeigt wird (nirgends), wenn mein Produkt auf "Sold out" / "nicht verfügbar" gesetzt ist. Wie ist das im Shopify Theme DAWN möglich?

Vielen lieben Dank!

LG

Florence

[Gabe]

Hey Florence! @Florence 

Hat dir die Lösung von Finer oben nicht helfen können? Wenn nein wie und wo genau nicht?

Um den Preis auf der Produktkarte im Shopify Dawn Theme auszublenden, kannst du den entsprechenden Code in der card-product.liquid Datei anpassen. Hier sind die Schritte, um den Preis nur in der Produktkarte auszublenden, während er auf den Produktseiten sichtbar bleibt.

Wenn du es selber DIY 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!

Schritt 1: Bearbeiten der card-product.liquid Datei

1. Navigiere zu Online Store > Themes.

2. Klicke auf "Actions" neben deinem aktuellen Theme und wähle "Edit code".

3. Finde die Datei card-product.liquid unter dem Snippets-Ordner.

Suche nach der Zeile, die den Preis rendert und kommentiere sie aus wie Finer oben beschrieben hat:

{% render 'price', product: card_product, price_class: '', show_compare_at_price: true %}

Oder um den Preis auszublenden, wenn das Produkt ausverkauft ist, kannst du die main-product.liquid Datei bearbeiten. Suche nach der Zeile, die den Preis rendert, und füge eine Bedingung hinzu, um den Preis auszublenden, wenn das Produkt ausverkauft ist:

{% if product.available %}
  {% render 'price', product: product %}
{% endif %}

Falls du spezifische CSS-Anpassungen vornehmen möchtest, um den Preis auf bestimmten Seiten auszublenden, kannst du dies in der base.css Datei tun. Füge den folgenden Code am Ende der Datei hinzu, um den Preis auf der Produktkarte auszublenden:

.card-information .price {
  display: none;
}

Weitere threads zum Thema mit dieser Google Suche. 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.

[Florence]

Hi @Gabe 

danke für die Infos. Ich möchte eben den Preis überall ausblenden und ihn auch nicht auf den Produktseiten sichtbar behalten. Sprich auf den Produktkarten und Produkseiten und wo sonst noch der Preis von dem ausverkauften Produkt ersichtlich wäre. Habe gerade eine Lösung gefunden: https://community.shopify.com/c/shopify-design/dawn-theme-hide-price-of-out-of-stock-items/m-p/18458... 

Danke trotzdem!

LG

Florence

[Gabe]

Gerne! 😉