Wenn du Produkte in größeren Mengen oder Maßen verkaufst, musst du möglicherweise für bestimmte Produkte den Preis pro Einheit anzeigen. Wenn du einen Grundpreis für ein Produkt eingibst, wird dieser auf den Produktseiten, den Kollektionsseiten, der Warenkorbseite, den Checkout-Seiten und in den Nachrichten zur Bestellbestätigung angezeigt.
Klicke auf das Produkt, das du bearbeiten möchtest.
Optional: Wenn dein Produkt Varianten hat, klicke im Abschnitt Varianten auf die Variante, die du bearbeiten möchtest.
Wähle im Abschnitt Preisgestaltung die Option Grundpreis für dieses Produkt anzeigen aus.
Gib im Feld Maße gesamtes Produkt die Gesamtmaße des Produkts ein und wähle dann die Maßeinheit aus.
Optional: Wenn du die Standard-Basiseinheit ändern möchtest, füge im Feld Basiseinheit deine neue Basiseinheit hinzu und wähle dann eine Maßeinheit aus. Du kannst beispielsweise für ein Produkt mit einem Gewicht von 200 g eine Basiseinheit von 1 kg auswählen.
Klicke auf Speichern.
iPhone
Gib in der Shopify App auf Produkte > Alle Produkte.
Tippe auf das Produkt, das du bearbeiten möchtest.
Tippe auf den Bereich mit dem Produktpreis.
Wähle Grundpreis anzeigen aus.
Gib im Feld Maße gesamtes Produkt die Gesamtmaße des Produkts ein und wähle dann die Maßeinheit aus.
Optional: Wenn du die Standard-Basiseinheit ändern möchtest, füge im Feld Basiseinheit deine neue Basiseinheit hinzu und wähle dann eine Maßeinheit aus. Du kannst beispielsweise für ein Produkt mit einem Gewicht von 200 g eine Basiseinheit von 1 kg auswählen.
Tippe auf Speichern.
Android
Gib in der Shopify App auf Produkte > Alle Produkte.
Tippe auf das Produkt, das du bearbeiten möchtest.
Tippe auf den Bereich mit dem Produktpreis.
Wähle Grundpreis anzeigen aus.
Gib im Feld Maße gesamtes Produkt die Gesamtmaße des Produkts ein und wähle dann die Maßeinheit aus.
Optional: Wenn du die Standard-Basiseinheit ändern möchtest, füge im Feld Basiseinheit deine neue Basiseinheit hinzu und wähle dann eine Maßeinheit aus. Du kannst beispielsweise für ein Produkt mit einem Gewicht von 200 g eine Basiseinheit von 1 kg auswählen.
Tippe auf ✓.
Grundpreise in deinem Onlineshop anzeigen
Die Grundpreisfunktion ist bereits in allen Onlineshop 2.0-Themes verfügbar. Es ist keine Aktion erforderlich, um einen Grundpreis in deinem Onlineshop anzuzeigen.
Wenn du ein Vintage-Theme hast und es nicht auf eine Version aktualisieren kannst, die die Grundpreisfunktion unterstützt, kannst du deinen Theme-Code manuell anpassen, um den Grundpreis anzuzeigen.
Grundpreise in einem Vintage-Theme anzeigen
Die Schritte für diese Anpassung variieren je nach deinem Theme. Klicke auf die Schaltfläche für dein Theme, bevor du die nachstehenden Anweisungen befolgst:
Debut
Schritte für Debut
Die Grundpreise sind im Debut-Theme für die Versionen 12.1.0 und höher verfügbar. Wenn du dein Theme nicht auf die neueste Version aktualisieren kannst, kannst du in früheren Versionen von Debut eine Grundpreisanpassung hinzufügen.
Dein Produktpreis-Snippet bearbeiten
Klicke im Verzeichnis Snippets auf die Datei product-price.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach data-price suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach price__sale suchst:
Füge den folgenden Code unter dem schließenden Tag </div> hinzu:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Warenkorbseite bearbeiten
Klicke im Verzeichnis Abschnitte auf die Datei cart-template.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach cart__price-wrapper suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die cart-template.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Kollektionsseite bearbeiten
Klicke im Verzeichnis Abschnitte auf die Datei collection.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach grid-view-item__title suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die collection.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein Produktkartenraster bearbeiten
Klicke im Verzeichnis Snippets auf die Datei product-card-grid.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach grid-view-item__title suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die product-card-grid.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Produktkartenliste bearbeiten
Klicke im Verzeichnis Snippets auf die Datei product-card-list.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach {% if product.available %} suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die product-card-list.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Bestellseite bearbeiten
Klicke im Verzeichnis Vorlagen auf die Datei customers/order.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach data-label="{{ 'customer.order.price' | t }}" suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die customers/order.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Theme-Stile bearbeiten
Klicke im Verzeichnis Assets auf die Datei theme.scss.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach .price__vendor { suchst:
Füge unter dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte die theme.scss.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deinen JavaScript-Theme-Code bearbeiten
Klicke im Verzeichnis Assets auf die Datei theme.js.
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge über dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 4 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Ersetze den Code durch das folgende Snippet:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 8 das folgende Snippet hinzu:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 10 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge vor dem Code aus Schritt 12 das folgende Snippet hinzu:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 14 das folgende Snippet hinzu:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 16 das folgende Snippet hinzu:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 18 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine englischen Übersetzungen bearbeiten
Klicke im Verzeichnis Gebietsschemas auf die Datei en.default.json.
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge über dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 4 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein Theme-Layout bearbeiten
Klicke im Verzeichnis Layout auf die Datei theme.liquid.
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte die theme.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
(Optional) Übersetzungen für andere Sprachen hinzufügen
Rufe die Seite Themes in deinem Shopify-Adminbereich auf.
Klicke auf die Schaltfläche ... > Standard-Theme-Texte bearbeiten.
Klicke auf Theme-Sprache ändern und wähle dann die Sprache aus, die du bearbeiten möchtest. Dies ist nur für dein veröffentlichtes Theme möglich.
Gib Unit Price in das Feld "Suche" ein.
Aktualisiere das Feld Grundpreis-Separator unter Allgemein/Barrierefreiheit.
Aktualisiere das Feld Grundpreisetikett unter Produkte/Produkt.
Klicke auf Speichern.
Brooklyn
Schritte für Brooklyn
Die Grundpreise sind im Brooklyn-Theme für die Versionen 13.1.0 und höher verfügbar. Wenn du dein Theme nicht auf die neueste Version aktualisieren kannst, kannst du in früheren Versionen von Brooklyn eine Grundpreisanpassung hinzufügen.
Hinzufügen eines Produktpreis-Snippets
Klicke in der Übersicht Snippets auf Neues Snippet hinzufügen.
Gib product-price in das Feld "Name" ein.
Kopiere den folgenden Code und füge ihn in die Datei ein.
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Seite "Vorgestelltes Produkt" bearbeiten
Klicke im Verzeichnis Abschnitte auf die Datei featured-product.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach itemprop="offers" suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die featured-product.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Produktseite bearbeiten
Klicke im Verzeichnis Abschnitte auf die Datei product-template.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach itemprop="offers" suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die product-template.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deinen AJAX-Warenkorb bearbeiten
Klicke im Verzeichnis Snippets auf die Datei ajax-cart-template.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach <span class="ajaxcart__price">{{{price}}}</span> suchst:
Füge den folgenden Code unter {{/if}} aus Schritt 2 hinzu:
Nach der Bearbeitung sollte die ajax-cart-template.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deinen Produktrasterartikel bearbeiten
Klicke im Verzeichnis Snippets auf die Datei product-grid-template.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach capture img_id_class suchst:
Füge das folgende Snippet vor dem Code aus Schritt 2 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach {{ product.price | money_without_trailing_zeros }} suchst:
Füge den folgenden Code unter </span> hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Warenkorbseite bearbeiten
Klicke im Verzeichnis Vorlagen auf die Datei cart.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach <span class="cart__price"> suchst:
Füge unter dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte die cart.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Bestellseite bearbeiten
Klicke im Verzeichnis Vorlagen auf die Datei customers/order.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach {{ line_item.original_price | money }} suchst:
Füge vor </td> aus Schritt 2 folgendes Snippet hinzu:
Nach der Bearbeitung sollte die customers/order.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Theme-Stile bearbeiten – Teil 1
Klicke im Verzeichnis Assets auf die Datei theme.scss.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach .ajaxcart__price { suchst:
Füge unter dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte die theme.scss.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Theme-Stile bearbeiten – Teil 2
Klicke im Verzeichnis Assets auf die Datei timber.scss.liquid.
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach .product-single__policies { suchst:
Füge über dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Gehe zum Ende der Datei und füge den folgenden Code hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deinen JavaScript-Theme-Code bearbeiten
Klicke im Verzeichnis Assets auf die Datei theme.js.liquid.
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge über dem Code aus Schritt 4 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge über dem Code aus Schritt 6 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 8 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach $(this.selectors.priceContainer, this.$container).removeClass( suchst:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge über dem Code aus Schritt 12 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um den folgenden Code zu finden, indem du nach this.destroyImageCarousel(); suchst:
Füge über dem Code aus Schritt 14 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine englischen Übersetzungen bearbeiten
Klicke im Verzeichnis Gebietsschemas auf die Datei en.default.json.
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge über dem Code aus Schritt 2 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um folgenden Code zu finden:
Füge unter dem Code aus Schritt 4 das folgende Snippet hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
(Optional) Übersetzungen für andere Sprachen hinzufügen
Rufe die Seite Themes in deinem Shopify-Adminbereich auf.
Klicke auf die Schaltfläche ... > Standard-Theme-Texte bearbeiten.
Klicke auf Theme-Sprache ändern und wähle dann die Sprache aus, die du bearbeiten möchtest. Dies ist nur für dein veröffentlichtes Theme möglich.
Gib Unit Price in das Feld "Suche" ein.
Aktualisiere das Feld Grundpreis-Separator unter Allgemein/Barrierefreiheit.
Aktualisiere das Feld Grundpreisetikett unter Produkte/Allgemein.
Klicke auf Speichern.
Minimal
Schritte für Minimal
Die Grundpreise sind im Minimal-Theme für die Versionen 11.2.0 und höher verfügbar. Wenn du dein Theme nicht auf die neueste Version aktualisieren kannst, kannst du in früheren Versionen von Minimal eine Grundpreisanpassung hinzufügen.
Deine Snippets aktualisieren
Suche und erweitere den Ordner Snippets.
Wähle Neues Snippet hinzufügen aus.
Gib den Namen product-unit-price ein.
Kopiere den folgenden Code und füge ihn in product-unit-price.liquid ein.
Klicke auf Speichern.
Suche und bearbeite die Datei product-grid-item.liquid.
Ersetze diese Zeile:
Mit der folgenden Zeile:
Verwende die Tastenkombination für die Suche, um {{ price }} zu finden, und füge diesen Code unten hinzu:
Nach der Bearbeitung sollte die product-grid-item.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Suche und bearbeite die Datei search-result.liquid
Verwende die Tastenkombination für die Suche, um {% if item.object_type == 'product' %} zu finden, und füge den folgenden Code in der Zeile darunter hinzu:
Verwende die Tastenkombination für die Suche, um die folgenden beiden Code-Snippets zu finden:
Und
Füge den folgenden Code-Block unter jedem der beiden im vorherigen Schritt aufgeführten Code-Snippets hinzu:
Nach der Bearbeitung sollte die search-result.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Verwende die Tastenkombination für die Suche, um das folgende Code-Snippets zu finden:
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Verwende die Tastenkombination für die Suche, um das folgende Code-Snippets zu finden:
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Verwende die Tastenkombination für die Suche, um das folgende Code-Snippets zu finden:
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Nach der Bearbeitung sollte die theme.scss.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Suche und bearbeite die Datei timber.scss.liquid.
Verwende die Tastenkombination für die Suche, um diesen Code zu finden:
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Füge diesen Code am Ende der Datei ein:
Nach der Bearbeitung sollte die timber.scss.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Vorlagen aktualisieren
Suche und erweitere den Ordner Vorlagen.
Suche und bearbeite die Datei customers/order.liquid.
Verwende die Tastenkombination für die Suche, um den Code zu finden:
Füge unter dem Code aus Schritt 3 diesen Code hinzu:
Nach der Bearbeitung sollte die customers/order.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein JavaScript aktualisieren
Suchen und bearbeite theme.js in Assets.
Verwende die Tastenkombination für die Suche, um die Zeile zu finden, die .shopify-payment-button enthält, und ersetze diese durch:
Dieser Abschnitt des Codes sollte folgendermaßen aussehen:
Suche nach diesem Code:
Füge diesen Code darunter hinzu:
Das Ergebnis sollte so aussehen:
Verwende die Tastenkombination für die Suche, um diesen Code zu finden:
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Das Ergebnis sollte so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Warenkorbvorlage aktualisieren
Suche und erweitere den Ordner Abschnitte.
Bearbeite die Datei cart-template.liquid.
Verwende die Tastenkombination für die Suche, um den Code <span class="order-discount h5">{{ item.final_price | money }}</span> zu finden.
Ersetze die Zeile durch diesen Code:
Suche nach dem ersten Vorkommen des Codes {%- if item.line_level_discount_allocations != blank -%}:
Füge über dem Code aus Schritt 5 diesen Code-Abschnitt hinzu:
Nach der Bearbeitung sollte die cart-template.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein vorgestelltes Produkt aktualisieren
Suche und erweitere den Ordner Abschnitte.
Bearbeite die Datei featured-product.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile mit itemprop="name" zu finden, und ersetze diese durch:
Suche den Code, der id="PriceA11y" enthält:
Füge den folgenden Code-Block unter dem Code-Snippet ein, das du im vorherigen Schritt gesucht hast:
Nach der Bearbeitung sollte die featured-product.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Produktvorlage aktualisieren
Suche und erweitere den Ordner Abschnitte.
Bearbeite die Datei product-template.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile mit itemprop="name" zu finden, und ersetze diese durch:
Verwende die Tastenkombination für die Suche, um den Code zu finden:
Füge diese Zeile darunter hinzu:
Nach der Bearbeitung sollte die product-template.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Gebietsschemas aktualisieren
Suche und erweitere den Ordner Gebietsschemas.
Öffne und bearbeite die Datei en.default.json.
Verwende die Tastenkombination für die Suche, um die Zeile zu finden, die refresh_page enthält, und ersetze diese durch:
Das Ergebnis sollte so aussehen:
Suche die Zeile, die full_details enthält, und ersetze diese durch:
Das Ergebnis sollte so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
(Optional) Übersetzungen für andere Sprachen hinzufügen
Rufe die Seite Themes in deinem Shopify-Adminbereich auf.
Klicke auf die Schaltfläche ... > Standard-Theme-Texte bearbeiten.
Klicke auf Theme-Sprache ändern und wähle dann die Sprache aus, die du bearbeiten möchtest. Dies ist nur für dein veröffentlichtes Theme möglich.
Gib Unit Price in das Feld "Suche" ein.
Aktualisiere das Feld Grundpreis-Separator unter Allgemein/Barrierefreiheit.
Aktualisiere das Feld Grundpreisetikett unter Produkte/Produkt.
Klicke auf Speichern.
Venture
Schritte für Venture
Die Grundpreise wurden im Venture-Theme für die Versionen 9.4.0 und höher hinzugefügt. Wenn du dein Theme nicht auf die neueste Version aktualisieren kannst, befolge diese Schritte, um die Grundpreisanpassung auf frühere Versionen von Venture anzuwenden.
Sprachdatei deines Themes bearbeiten
Klicke im Verzeichnis Gebietsschemas auf en.default.json.
Verwende die Tastenkombination für die Suche, um die Zeile mit refresh_page zu finden:
Füge den folgenden Code über der in Schritt 2 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile mit stock_unavailable zu finden:
Füge den folgenden Code über der in Schritt 4 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Stylesheet deines Themes bearbeiten
Klicke im Verzeichnis Assets auf theme.scss.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile .product-single__policies { zu finden:
Füge den folgenden Code unter dem schließenden Tag } des Code-Blocks aus Schritt 2 hinzu:
Nach der Bearbeitung sollte die theme.scss.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Grundpreis-Snippet für ein Produkt hinzufügen
Klicke in der Übersicht Snippets auf Neues Snippet hinzufügen.
Gib den Namen product-unit-price ein.
Füge den folgenden Code in product-unit-price.liquid ein:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Produktkarten-Snippet bearbeiten
Klicke im Verzeichnis Snippets auf product-card.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile <a href="{{ product.url | within: collection }}" zu finden.
Füge den folgenden Code über der in Schritt 2 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile <div class="product-card__price"> zu finden:
Füge den folgenden Code über dem schließenden Tag </div> aus Schritt 5 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Vorlage für die Warenkorbseite bearbeiten
Klicke in der Übersicht Abschnitte auf cart-template.liquid.
Verwende die Tastenkombination für die Suche, um die erste Instanz von <td class="cart__cell--total"> zu finden:
Füge den folgenden Code unter dem in Schritt 2 ermittelten Tag endif hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die zweite Instanz von <td class="cart__cell--total"> zu finden:
Füge den folgenden Code unter dem zweiten schließenden Tag {{/if}} aus Schritt 4 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Bearbeite die Vorlage deiner vorgestellten Produktseite
Klicke in der Übersicht Abschnitte auf featured-product.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile {% assign current_variant = product.selected_or_first_available_variant %} zu finden.
Füge den folgenden Code unter der in Schritt 2 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile mit <ul class="product-single__meta-list zu finden:
Suche unter diesem Tag ul nach dem Code {% if section.settings.stock_enable %}.
Füge den folgenden Code über dem in Schritt 6 ermittelten Block if hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Die Vorlage deiner Produktseite bearbeiten
Klicke in der Übersicht Abschnitte auf product-template.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile {% assign current_variant = product.selected_or_first_available_variant %} zu finden.
Füge den folgenden Code unter der in Schritt 2 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile mit <ul class="product-single__meta-list zu finden:
Suche unter diesem Tag ul nach dem Code {% if section.settings.stock_enable %}.
Füge den folgenden Code über dem in Schritt 5 ermittelten Block if hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Bestellvorlagen deiner Kunden bearbeiten
Klicke im Verzeichnis Vorlagen auf customers/order.liquid.
Verwende die Tastenkombination für die Suche, um die Zeile <td class="text-right" data-label="{{ 'customer.order.price' | t }}"> zu finden:
Ersetze den in Schritt 2 gefundenen Code durch den folgenden Code:
Nach der Bearbeitung sollte die customers/order.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Bearbeitee die JavaScript-Datei deines Themes
Klicke im Verzeichnis Assets auf theme.js.
Verwende die Tastenkombination für die Suche, um die Zeile // Create item's data object and add to 'items' array zu finden.
Füge den folgenden Code über der in Schritt 2 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um diese Zeile zu finden: vendor: cartItem.vendor,
Füge den folgenden Code unter der in Schritt 4 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile shopifyPaymentButton: '.shopify-payment-button' zu finden.
Ersetze die in Schritt 6 gefundene Zeile durch den folgenden Code:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile _updateSKU: function(evt) { zu finden.
Füge den folgenden Code über der in Schritt 8 ermittelten Zeile hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile this._updateIncomingInfo(variant); zu finden:
Füge den folgenden Code unter dem schließenden Tag } aus Schritt 10 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
(Optional) Übersetzungen für andere Sprachen hinzufügen
Rufe die Seite Themes in deinem Shopify-Adminbereich auf.
Klicke auf die Schaltfläche ... > Standard-Theme-Texte bearbeiten.
Klicke auf Theme-Sprache ändern und wähle dann die Sprache aus, die du bearbeiten möchtest. Dies ist nur für dein veröffentlichtes Theme möglich.
Gib Unit Price in das Feld "Suche" ein.
Aktualisiere das Feld Grundpreis-Separator unter Allgemein/Barrierefreiheit.
Aktualisiere das Feld Grundpreisetikett unter Produkte/Produkt.
Klicke auf Speichern.
Supply
Schritte für Supply
Stückpreise wurden ab Version 8.3.0 zum Theme "Supply" hinzugefügt. Wenn du dein Theme nicht auf die neueste Version aktualisieren kannst, führst du die folgenden Schritte aus, um die Stückpreisanpassung auf frühere Versionen von Supply anzuwenden.
Grundpreis-Snippet für ein Produkt hinzufügen
Suche und erweitere den Ordner Snippets.
Wähle Neues Snippet hinzufügen aus.
Gib den Namen product-unit-price ein.
Kopiere den folgenden Code, füge ihn in die Datei ein und wähle Speichern.
Nach der Bearbeitung sollte die product-unit-price.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Vorlage für dein vorgestelltes Produkt bearbeiten
Suchen und erweiter den Ordner Abschnitte und wähle dann die Datei featured-product.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile {% include 'price' with price %} in der Datei zu finden:
Füge den folgenden Code unter dem schließenden Tag </span> des Snippets aus Schritt 2 hinzu:
Nach der Bearbeitung sollte die featured-product.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Produktvorlage bearbeiten
Suchen und erweiter den Ordner Abschnitte und wähle dann die Datei product-template.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile {% include 'price' with variant.price %} in der Datei zu finden:
Füge den folgenden Code unter dem schließenden Tag </span> aus Schritt 2 hinzu:
Nach der Bearbeitung sollte die product-template.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein Produktrasterartikel-Snippet bearbeiten
Suchen und erweiter den Ordner Snippets und wähle die Datei product-grid-item.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile {% if on_sale and section.settings.product_show_saved_amount %} in der Datei zu finden:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die product-grid-item.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein Produktlistenartikel-Snippet bearbeiten
Suchen und erweiter den Ordner Snippets und wähle die Datei product-list-item.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile <div class="product-item--price text-center"> in der Datei zu finden:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die product-list-item.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein Suchergebnisraster-Snippet bearbeiten
Suchen und erweiter den Ordner Snippets und wähle die Datei search-result-grid.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile {% if on_sale and section.settings.product_show_saved_amount %} in der Datei zu finden:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die search-result-grid.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Warenkorbvorlage bearbeiten
Suchen und erweiter den Ordner Vorlagen und wähle dann die Datei cart.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile <del class="cart-original-price order-discount--cart-price"> in der Datei zu finden:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die cart.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Bestellvorlage bearbeiten
Suchen und erweiter den Ordner Vorlagen und wähle dann die Datei customers/order.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile <td class="text-right" data-label="customer.order.price"> in der Datei zu finden:
Füge den folgenden Code über dem schließenden Tag </td> aus Schritt 2 hinzu:
Nach der Bearbeitung sollte die customers/order.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Dein Theme-Layout bearbeiten
Suche und erweitere den Ordner Layout. Wähle dann die Datei theme.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile mit only_left: in der Datei zu finden:
Füge den folgenden Code über only_left:{{ 'products.product.only_left' | t: count: '1' | json }} aus Schritt 2 hinzu:
Nach der Bearbeitung sollte die theme.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deine Theme-Stile bearbeiten
Suchen und erweiter den Ordner Abschnitte und wähle dann die Datei theme.scss.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile .product-item--price { in der Datei zu finden:
Ersetze den Code durch das folgende Snippet:
Nach der Bearbeitung sollte die theme.scss.liquid-Datei so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Deinen JavaScript-Theme-Code bearbeiten
Suche und erweitere den Ordner Assets und wähle die Datei theme.js.liquid aus.
Verwende die Tastenkombination für die Suche, um die Zeile originalSelectorId: 'productSelect-' + sectionId, in der Datei zu finden:
Füge den folgenden Code über originalSelectorId: 'productSelect-' + sectionId, aus Schritt 2 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile productVariantCallback: function(variant) { in der Datei zu finden:
Füge den folgenden Code unter if (variant) { aus Schritt 2 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile customPriceFormat += ' <span aria-hidden="true"><s>' + comparePrice + '</s></span>'; in der Datei zu finden:
Ersetze die Zeile customPriceFormat += ' <span aria-hidden="true"><s>' + comparePrice + '</s></span>'; durch das folgende Snippet:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile $(this.settings.selectors.$shopifyPaymentButton, this.$container).hide(); in der Datei zu finden:
Füge unter dem Snippet aus Schritt 11 den folgenden Code hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
Sprachdatei deines Themes bearbeiten
Suche den Ordner Gebietsschemas, erweitere ihn und wählee die Datei en.default.json aus.
Verwende die Tastenkombination für die Suche, um die Zeile mit "refresh_page" in der Datei zu finden:
Füge den folgenden Code über "refresh_page" aus Schritt 2 hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Verwende die Tastenkombination für die Suche, um die Zeile mit "will_be_in_stock_after" in der Datei zu finden:
Füge nach "will_be_in_stock_after" aus Schritt 5 folgenden Code hinzu:
Nach der Bearbeitung sollte das Ergebnis so aussehen:
Klicke auf Speichern, um deine Änderungen zu übernehmen.
(Optional) Übersetzungen für andere Sprachen hinzufügen
Rufe die Seite Themes in deinem Shopify-Adminbereich auf.
Klicke auf die Schaltfläche ... > Standard-Theme-Texte bearbeiten.
Klicke auf Theme-Sprache ändernund wähle die Sprache aus, die du bearbeiten möchtest. Dies ist nur für dein veröffentlichtes Theme möglich.
Suche in der Eingabeleiste nach Unit Price .
Aktualisiere das Feld Grundpreis-Separator unter Allgemein/Barrierefreiheit.
Aktualisiere das Feld Grundpreisetikett unter Produkte/Produkt.
Klicke auf Speichern.
Grundpreise in deinen Bestellbenachrichtigungen anzeigen
Standardmäßig wird in der Bestellbestätigungsbenachrichtigung ein Grundpreis angezeigt, wenn die Funktion aktiviert ist.
Wenn du deinem Produkt Stückpreise hinzugefügt hast, diese jedoch nicht in deinen Bestellbestätigungen angezeigt werden, musst du möglicherweise deine Vorlage manuell aktualisieren.
Schritte:
Gehe in deinem Shopify-Adminbereich zu Einstellungen > Benachrichtigungen.
Klicke im Abschnitt Bestellungen auf Bestellbestätigung.
Klicke auf Code bearbeiten.
Füge das folgende Snippet zur Vorlage innerhalb der Klasse "order-list__item-price" hinzu:
5. Klicke auf Speichern.
Du hast die gesuchten Antworten nicht gefunden? Wir helfen dir gerne weiter.