Vis en variants resterende lagerbeholdning på produktsider
Du kan tilføje en besked på produktsiden eller i afsnittet med fremhævede produkter, som viser antallet af varer, du har på lager, når lagerbeholdningen for en produktvariant er lav. Hvis du vil vise denne besked, skal du aktivere lagersporing for produktet.
Trinnene til denne tilpasning varierer afhængigt af dit tema. Klik på knappen for dit tema, og følg vejledningen.
Trin for Debut
Rediger theme.liquid
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik derefter på knappen ... > Rediger kode.
- Åbn
theme.liquid
i mappen Layout. -
Find det afsluttende
</head>
-tag i koden. Indsæt følgende kode på en ny linje over det afsluttende</head>
-tag:
- Klik på Gem.
Rediger product-template.liquid
eller featured-product.liquid
-
Åbn
product-template.liquid
ellerfeatured-product.liquid
i mappen Afsnit:- Åbn
product-template.liquid
for at føje denne funktion til produktsider. - Åbn
featured-product.liquid
for at føje denne funktion til det udvalgte produktafsnit på startsiden.
- Åbn
Find
{% form 'product'
. Tilføj følgende kode for dette tag:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage {{ current_variant.inventory_quantity }}
i dine <p>
-tags.
- Tilføj følgende kode i bunden af filen:
- Klik på Gem.
Rediger theme.js.liquid
eller theme.js
De ændringer, du skal foretage af disse filer, afhænger af den version af Debut, som du bruger.
Version 17.8.0 og ældre
- Åbn
theme.js.liquid
ellertheme.js
. -
Find
theme.Product = (function()
. Tilføj følgende kode underthis.selectors = {
:
-
Find
_updateAddToCart: function(evt) {
i den samme fil. Tilføj følgende kode direkte herunder:
-
Find
if (variant.available) {
. Tilføj følgende kode før erklæringen} else {
:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.
Version 17.9.0 og nyere
- Åbn
theme.js.liquid
ellertheme.js
. -
Find
theme.Product = (function()
. Tilføj følgende kode underthis.selectors = {
:
-
Find
_setProductState: function(evt) {
i den samme fil. Tilføj følgende kode direkte herunder:
-
Find
if (!variant) {
i den samme funktion. Tilføj følgende kode, når du har lukket}
-parentesen:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.
Trin til Brooklyn
Rediger theme.liquid
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik derefter på knappen ... > Rediger kode.
- Åbn
theme.liquid
i mappen Layout. -
Find det afsluttende
</head>
-tag i koden. Indsæt følgende kode på en ny linje over det afsluttende</head>
-tag:
- Klik på Gem.
Rediger product-template.liquid
eller featured-product.liquid
-
Åbn
product-template.liquid
ellerfeatured-product.liquid
i mappen Afsnit:- Åbn
product-template.liquid
for at føje denne funktion til produktsider. - Åbn
featured-product.liquid
for at føje denne funktion til det udvalgte produktafsnit på startsiden.
- Åbn
Find
{% form 'product'
. Tilføj følgende kode for dette tag:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage {{current_variant.inventory_quantity }}
i dine <p>
-tags.
- Tilføj følgende kode i bunden af filen:
- Klik på Gem.
Rediger theme.js.liquid
eller theme.js
- Åbn
theme.js.liquid
ellertheme.js
. -
Find
theme.Product = (function()
. Tilføj følgende kode underthis.selectors = {
:
-
Find
if (variant.available) {
i den samme fil. Tilføj følgende kode før erklæringen} else {
:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.
Trin for Simple
Rediger theme.liquid
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik derefter på knappen ... > Rediger kode.
- Åbn
theme.liquid
i mappen Layout. -
Find det afsluttende
</head>
-tag i koden. Indsæt følgende kode på en ny linje over det afsluttende</head>
-tag:
- Klik på Gem.
Rediger product-template.liquid
eller featured-product.liquid
-
Åbn
product-template.liquid
ellerfeatured-product.liquid
i mappen Afsnit:- Åbn
product-template.liquid
for at føje denne funktion til produktsider. - Åbn
featured-product.liquid
for at føje denne funktion til det udvalgte produktafsnit på startsiden.
- Åbn
Find
{% form 'product'
. Tilføj følgende kode for dette tag:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage {{current_variant.inventory_quantity }}
i dine <p>
-tags.
- Tilføj følgende kode i bunden af filen:
- Klik på Gem.
Rediger theme.js.liquid
eller theme.js
- Åbn
theme.js.liquid
ellertheme.js
. -
Find
theme.Product = (function()
. Tilføj følgende kode underthis.selectors = {
:
-
Find
if (variant.available) {
i den samme fil. Tilføj følgende kode før erklæringen} else {
:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.
Trin for Minimal
Rediger theme.liquid
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik derefter på knappen ... > Rediger kode.
- Åbn
theme.liquid
i mappen Layout. -
Find det afsluttende
</head>
-tag i koden. Indsæt følgende kode på en ny linje over det afsluttende</head>
-tag:
- Klik på Gem.
Rediger product-template.liquid
eller featured-product.liquid
-
Åbn
product-template.liquid
ellerfeatured-product.liquid
i mappen Afsnit:- Åbn
product-template.liquid
for at føje denne funktion til produktsider. - Åbn
featured-product.liquid
for at føje denne funktion til det udvalgte produktafsnit på startsiden.
- Åbn
Find
{% form 'product'
. Tilføj følgende kode for dette tag:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage {{current_variant.inventory_quantity }}
i dine <p>
-tags.
- Tilføj følgende kode i bunden af filen:
- Klik på Gem.
Rediger theme.js.liquid
eller theme.js
- Åbn
theme.js.liquid
ellertheme.js
. -
Find
theme.Product = (function()
. Tilføj følgende kode underthis.selectors = {
:
-
Find
if (variant.available) {
i den samme fil. Tilføj følgende kode før erklæringen} else {
:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.
Trin for Boundless
Rediger theme.liquid
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik derefter på knappen ... > Rediger kode.
- Åbn
theme.liquid
i mappen Layout. -
Find det afsluttende
</head>
-tag i koden. Indsæt følgende kode på en ny linje over det afsluttende</head>
-tag:
- Klik på Gem.
Rediger product-template.liquid
eller featured-product.liquid
-
Åbn
product-template.liquid
ellerfeatured-product.liquid
i mappen Afsnit:- Åbn
product-template.liquid
for at føje denne funktion til produktsider. - Åbn
featured-product.liquid
for at føje denne funktion til det udvalgte produktafsnit på startsiden.
- Åbn
Find
{% form 'product'
. Tilføj følgende kode for dette tag:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage {{current_variant.inventory_quantity }}
i dine <p>
-tags.
- Tilføj følgende kode i bunden af filen:
- Klik på Gem.
Rediger theme.js.liquid
eller theme.js
- Åbn “theme.js.liquid” *or *“theme.js”.
-
Find
theme.Product = (function()
. Tilføj følgende kode undervar selectors = {
:
-
Find
$(selectors.SKU, this.$container).html(variant.sku);
i den samme fil. Tilføj følgende kode direkte herunder:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.
Trin for Narrative
Rediger theme.liquid
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik derefter på knappen ... > Rediger kode.
- Åbn
theme.liquid
i mappen Layout. -
Find det afsluttende
</head>
-tag i koden. Indsæt følgende kode på en ny linje over det afsluttende</head>
-tag:
- Klik på Gem.
Rediger product-template.liquid
eller featured-product.liquid
-
Åbn
product-template.liquid
ellerfeatured-product.liquid
i mappen Afsnit:- Åbn
product-template.liquid
for at føje denne funktion til produktsider. - Åbn
featured-product.liquid
for at føje denne funktion til det udvalgte produktafsnit på startsiden.
- Åbn
Find
{% include 'product-form' %}
. Tilføj følgende kode for dette tag:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage {{current_variant.inventory_quantity }}
i dine <p>
-tags.
- Tilføj følgende kode i bunden af filen:
- Klik på Gem.
Rediger custom.js
- Åbn
custom.js
. - Tilføj følgende kode i bunden af filen:
Koden over outputtene Stock: x
. Du kan ændre formuleringen ved at justere indholdet i taggene <p>
. Sørg for at medtage ${variantStock[variant.id]}
i dine <p>
-tags.
- Klik på Gem.