"Anfrage stellen" Button auf Produktseite?
So jetzt habe ich etwas Zeit zum Samstag frühschoppen...Diese können dir helfen: Hier und hier. Vielleicht kann Thomas das folgende auch bestätigen aber das folgende ist etwas anders als die Narrative Anleitung vom Thomas oben:
Das Liquid-Produkt-Objekt verwenden, z. B. mit so was:
{% if product.price > 0 %}
<!-- hier normale Ausgabe anzeigen -->
{% else %}
<a href="/quote-page">Anfrage stellen</a>
{% end %}Die einzige Methode, die mir einfällt, um den Anfragebutton zum Funktionieren zu bringen, ist ein Kontaktformular. Diesen kann man auch mit dieser App bauen und die erlaubt es sogar den Betreff zu ändern anstatt den Standard Betreff von Shopify verwenden zu müssen.
Im Templates folder gehe zu product.liquid oder product-template.liquid. Füge eine IF-ELSE Statement hinzu, damit die Schaltfläche nur angezeigt wird, wenn der Preis größer als 0 ist.
Beispiel: die ersten <p>- und <button>-Tags bleiben, nur mit dem ersten Teil der IF-Statement umschließen und füge dann das ELSE darunter ein. Die Schaltfläche "Produkt reservieren" wird nichts machen, man soll also ein Formular hinzufügen, indem man den obigen Link befolgt.
Traust du dir das Hinzufügen eines Kontakformulars (o. ä.) zu? Hier eine weiteres Code Besipiel:
{% if product.price > 0 %}
<p class="product__price">
<span class="visually-hidden">Normaler Preis</span>
<span class="product__price--reg js-price">PREIS HIER</span>
</p>
<button type="submit" name="add" id="AddToCart" class="btn add-to-cart">
<span class="add-to-cart__text">Add to cart</span>
</button>
{% else %}
<a href="#this" name="ProduktReservieren" id="ProduktReservieren" class="btn add-to-cart">
<span class="add-to-cart__text">Produkt Reservieren</span>
</a>
{% endif %}Kannst auch für deine Collection Page die Datei product-grid-item im Snippet-Ordner suchen im Abschnitt:
<p class="product-item__price-wrapper">
{% comment %}
Kannst ein führendes 'von' oder 'bis' anzeigen, indem du 'product.price_varies' überprüfst wenn Varianten unterschiedliche Preise haben.
{% endcomment %}
{% if product.compare_at_price > product.price %}
<span class="visually-hidden">{{ 'products.general.regular_price' | t }}</span>
<s class="product-item__price--reg">{{ product.compare_at_price | money_without_trailing_zeros }}</s>
<span class="product-item__price--sale">{{ 'products.general.now_price_html' | t: price: price }}</span>
{% else %}
{% if product.price_varies %}
{{ 'products.general.from_text_html' | t: price: price }}
{% else %}
{% if product.compare_at_price > product.price %}
<span class="visually-hidden">{{ 'products.general.sale_price' | t }}</span>
{% else %}
<span class="visually-hidden">{{ 'products.general.regular_price' | t }}</span>
{% endif %}
{{ product.price | money_without_trailing_zeros }}
{% endif %}
{% endif %}
</p>Diesen ganzen Abschnitt in {% if product.price > 0 %} einschließen. Nicht vergessen, die {% endif %} am Ende des obigen Textes hinzuzufügen.
Um die Dateien zu finden, würde ich mit dem Template folder suchen und dann den Code lesen, um zu sehen, wie er zusammengesetzt ist und die Elemente zu finden, nach denen man sucht.
Oder:
- Das Element im Chrome Dev Tool (Inspect) suchen.
- Nach einer Html-ID oder Class, die es identifiziert suchen.
- Durchsuche die Liquid Datei nach der Identifizierungs-String (Bold Chrome Extension verwenden). Oder exportiere die Theme Datei und durchsuche/ändere den Code dann lokal...geht schneller...
Anstatt den Code für die Schaltfläche in product-template.liquid direkt auszukommentieren, die Vorlage duplizieren, sie mit der Vorlage product.not-for-sale.liquid verknüpfen aus der oben-verlinkten Anleitung und den Code in der Kopie auskommentieren. Der Code sieht in etwa so aus:
Hoffe das hilft...Ansonsten nächste Woche wieder... Tchüssi!
Community Blog Artikel
Hallo zusammen! Wir haben intensiv daran gearbeitet, dein Shopify-Erlebnis auf Deutsc...
By JasonH May 12, 2025
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025
Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025