Vis gjenværende lagerbeholdning av en variant på produktsider
Du kan legge til en melding på produktsiden eller i seksjonen med fremhevede produkter som viser antall varer på lager dersom lagerbeholdningen er lav for en produktvariant. For at denne meldingen skal vises, må du aktivere lagersporing for produktet.
Trinnene for denne tilpasningen varierer avhengig av valgt tema. Klikk på knappen for ditt tema og følg instruksjonene.
Steg for Debut
Rediger theme.liquid
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.
- Fra Layout-katalogen åpner du
theme.liquid
. -
Finn den avsluttende
</head>
-taggen i koden. Lim inn følgende kode på en ny linje like over den avsluttende</head>
-taggen:
- Klikk på Lagre.
Rediger product-template.liquid
eller featured-product.liquid
-
Fra Seksjoner-katalogen åpner du
product-template.liquid
ellerfeatured-product.liquid
:- Åpne
product-template.liquid
for å legge til denne funksjonen på produktsider. - Åpne
featured-product.liquid
for å legge til denne funksjonen i seksjonen for fremhevede produkter på startsiden.
- Åpne
Finn
{% form 'product'
. Legg til følgende kode over denne taggen:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med {{ current_variant.inventory_quantity }}
i <p>
-taggene.
- Nederst i filen legger du til følgende kode:
- Klikk på Lagre.
Rediger theme.js.liquid
eller theme.js
Hvilke endringer du må gjøre i disse filene avhenger av hvilken Debut-versjon du bruker.
Versjon 17.8.0 og lavere
- Åpne
theme.js.liquid
ellertheme.js
. -
Finn
theme.Product = (function()
. Legg til følgende kode underthis.selectors = {
:
- I samme fil, finn
_updateAddToCart: function(evt) {
. Legg til følgende kode rett nedenfor:
-
Finn
if (variant.available) {
. Legg til følgende kode før} else {
-uttrykket:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.
Versjon 17.9.0 og nyere
- Åpne
theme.js.liquid
ellertheme.js
. -
Finn
theme.Product = (function()
. Legg til følgende kode underthis.selectors = {
:
- I samme fil, finn
_setProductState: function(evt) {
. Legg til følgende kode rett nedenfor:
- I samme funksjon, finn
if (!variant) {
. Legg til følgende kode etter den avsluttende}
-braketten:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.
Trinn for Brooklyn
Rediger theme.liquid
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.
- Fra Layout-katalogen åpner du
theme.liquid
. -
Finn den avsluttende
</head>
-taggen i koden. Lim inn følgende kode på en ny linje like over den avsluttende</head>
-taggen:
- Klikk på Lagre.
Rediger product-template.liquid
eller featured-product.liquid
-
Fra Seksjoner-katalogen åpner du
product-template.liquid
ellerfeatured-product.liquid
:- Åpne
product-template.liquid
for å legge til denne funksjonen på produktsider. - Åpne
featured-product.liquid
for å legge til denne funksjonen i seksjonen for fremhevede produkter på startsiden.
- Åpne
Finn
{% form 'product'
. Legg til følgende kode over denne taggen:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med {{current_variant.inventory_quantity }}
i <p>
-taggene.
- Nederst i filen legger du til følgende kode:
- Klikk på Lagre.
Rediger theme.js.liquid
eller theme.js
- Åpne
theme.js.liquid
ellertheme.js
. -
Finn
theme.Product = (function()
. Legg til følgende kode underthis.selectors = {
:
- I samme fil, finn
if (variant.available) {
. Legg til følgende kode før} else {
-uttrykket:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.
Steg for Simple
Rediger theme.liquid
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.
- Fra Layout-katalogen åpner du
theme.liquid
. -
Finn den avsluttende
</head>
-taggen i koden. Lim inn følgende kode på en ny linje like over den avsluttende</head>
-taggen:
- Klikk på Lagre.
Rediger product-template.liquid
eller featured-product.liquid
-
Fra Seksjoner-katalogen åpner du
product-template.liquid
ellerfeatured-product.liquid
:- Åpne
product-template.liquid
for å legge til denne funksjonen på produktsider. - Åpne
featured-product.liquid
for å legge til denne funksjonen i seksjonen for fremhevede produkter på startsiden.
- Åpne
Finn
{% form 'product'
. Legg til følgende kode over denne taggen:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med {{current_variant.inventory_quantity }}
i <p>
-taggene.
- Nederst i filen legger du til følgende kode:
- Klikk på Lagre.
Rediger theme.js.liquid
eller theme.js
- Åpne
theme.js.liquid
ellertheme.js
. -
Finn
theme.Product = (function()
. Legg til følgende kode underthis.selectors = {
:
- I samme fil, finn
if (variant.available) {
. Legg til følgende kode før} else {
-uttrykket:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.
Steg for Minimal
Rediger theme.liquid
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.
- Fra Layout-katalogen åpner du
theme.liquid
. -
Finn den avsluttende
</head>
-taggen i koden. Lim inn følgende kode på en ny linje like over den avsluttende</head>
-taggen:
- Klikk på Lagre.
Rediger product-template.liquid
eller featured-product.liquid
-
Fra Seksjoner-katalogen åpner du
product-template.liquid
ellerfeatured-product.liquid
:- Åpne
product-template.liquid
for å legge til denne funksjonen på produktsider. - Åpne
featured-product.liquid
for å legge til denne funksjonen i seksjonen for fremhevede produkter på startsiden.
- Åpne
Finn
{% form 'product'
. Legg til følgende kode over denne taggen:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med {{current_variant.inventory_quantity }}
i <p>
-taggene.
- Nederst i filen legger du til følgende kode:
- Klikk på Lagre.
Rediger theme.js.liquid
eller theme.js
- Åpne
theme.js.liquid
ellertheme.js
. -
Finn
theme.Product = (function()
. Legg til følgende kode underthis.selectors = {
:
- I samme fil, finn
if (variant.available) {
. Legg til følgende kode før} else {
-uttrykket:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.
Steg for Boundless
Rediger theme.liquid
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.
- Fra Layout-katalogen åpner du
theme.liquid
. -
Finn den avsluttende
</head>
-taggen i koden. Lim inn følgende kode på en ny linje like over den avsluttende</head>
-taggen:
- Klikk på Lagre.
Rediger product-template.liquid
eller featured-product.liquid
-
Fra Seksjoner-katalogen åpner du
product-template.liquid
ellerfeatured-product.liquid
:- Åpne
product-template.liquid
for å legge til denne funksjonen på produktsider. - Åpne
featured-product.liquid
for å legge til denne funksjonen i seksjonen for fremhevede produkter på startsiden.
- Åpne
Finn
{% form 'product'
. Legg til følgende kode over denne taggen:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med {{current_variant.inventory_quantity }}
i <p>
-taggene.
- Nederst i filen legger du til følgende kode:
- Klikk på Lagre.
Rediger theme.js.liquid
eller theme.js
- Åpne «theme.js.liquid» *eller *«theme.js».
-
Finn
theme.Product = (function()
. Legg til følgende kode undervar selectors = {
:
- I samme fil, finn
$(selectors.SKU, this.$container).html(variant.sku);
. Legg til følgende kode rett nedenfor:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.
Steg for Narrative
Rediger theme.liquid
- Fra Shopify-administrator går du til Nettbutikk > Temaer.
- Finn temaet du vil redigere, og klikk på knappen … > Rediger kode.
- Fra Layout-katalogen åpner du
theme.liquid
. -
Finn den avsluttende
</head>
-taggen i koden. Lim inn følgende kode på en ny linje like over den avsluttende</head>
-taggen:
- Klikk på Lagre.
Rediger product-template.liquid
eller featured-product.liquid
-
Fra Seksjoner-katalogen åpner du
product-template.liquid
ellerfeatured-product.liquid
:- Åpne
product-template.liquid
for å legge til denne funksjonen på produktsider. - Åpne
featured-product.liquid
for å legge til denne funksjonen i seksjonen for fremhevede produkter på startsiden.
- Åpne
Finn
{% include 'product-form' %}
. Legg til følgende kode over denne taggen:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med {{current_variant.inventory_quantity }}
i <p>
-taggene.
- Nederst i filen legger du til følgende kode:
- Klikk på Lagre.
Rediger custom.js
- Åpne
custom.js
. - Nederst i filen legger du til følgende kode:
Koden over gir resultatet Stock: x
. Du kan endre ordleggingen ved å justere innholdet i <p>
-taggene. Pass på at du tar med ${variantStock[variant.id]}
i <p>
-taggene.
- Klikk på Lagre.