När en kund besöker en produktsida i din webbshop väljs den första tillgängliga varianten som standard. Du kan använda anpassningen Få kunderna att välja ett alternativ för att inaktivera automatiskt val av den första tillgängliga varianten. På detta sätt uppmanas kunden att välja en variant manuellt innan någon visas.
Om du använder anpassningen Skaffa kunder för att välja ett alternativ så kanske ditt tema inte visar ett produktpris förrän kunden väljer en variant. Produkter med varianter har inte ett utvalt pris och priset som visas bestäms av den variant som har valts.
Hitta koden {% schema %}. Klistra in följande kod på sin egen rad ovanför den:
Den ska se ut ungefär så här:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Debut
Steg för Debut
Följ dessa steg för att tillämpa anpassningen för Debut:
Redigera ditt temas JavaScript-fil
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på theme.js eller theme.js.liquid i registret Tillgångar.
Lägg till följande kod längst ner i filen:
Hitta koden _updatePrice: function(variant). Byt ut följande kod:
mot:
Leta efter följande kod om du inte hittar ovanstående kod:
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Minimal
Steg för Minimal
Följ dessa steg för att tillämpa anpassningen till Minimal:
Redigera ditt temas JavaScript-fil
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på theme.js eller theme.js.liquid i registret Tillgångar.
Hitta efter koden initProductVariant: function() {. Under den letar du efter följande kod:
Lägg till följande kod på en ny rad under:
Den ska se ut ungefär så här:
Klicka på Spara.
Redigera produktsidemallen
Redigera din produktsidemall
Klicka på product-template.liquid i registret Avsnitt.
Hitta koden {% schema %}. Klistra in följande kod på sin egen rad ovanför den:
Den ska se ut ungefär så här:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Narrative
Steg för Narrative
Följ dessa steg för att tillämpa anpassningen till Narrative:
Redigera ditt temas JavaScript-fil
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på custom.js i registret Tillgångar.
Lägg till följande kod längst ner i filen:
Klicka på Spara.
Redigera produktsidemallen
Redigera din produktsidemall
Klicka på product-template.liquid i registret Avsnitt.
Hitta koden {% schema %}. Klistra in följande kod på sin egen rad ovanför den:
Den ska se ut ungefär så här:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Simple
Steg för Simple
Följ dessa steg för att tillämpa anpassningen till Simple:
Redigera ditt temas JavaScript-fil
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på theme.js eller theme.js.liquid i registret Tillgångar.
Hitta efter koden initProductVariant: function() {. Under den letar du efter följande kod:
Lägg till följande kod på en ny rad under:
Den ska se ut ungefär så här:
Klicka på Spara.
Redigera produktsidemallen
Redigera din produktsidemall
Klicka på product-template.liquid i registret Avsnitt.
Hitta koden {% schema %}. Klistra in följande kod på sin egen rad ovanför den:
Den ska se ut ungefär så här:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Supply
Steg för Supply
Följ dessa steg för att tillämpa anpassningen till Supply:
Redigera ditt temas JavaScript-fil
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på theme.js eller theme.js.liquid i registret Tillgångar.
Hitta efter koden initProductVariant: function() {. Under den letar du efter följande kod:
Lägg till följande kod på en ny rad under:
Den ska se ut ungefär så här:
Klicka på Spara.
Redigera produktsidemallen
Redigera din produktsidemall
Klicka på product-template.liquid i registret Avsnitt.
Hitta koden {% schema %}. Klistra in följande kod på sin egen rad ovanför den:
Den ska se ut ungefär så här:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Venture
Steg för Venture
Följ dessa steg för att tillämpa anpassningen till Venture:
Redigera ditt temas JavaScript-fil
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera, klicka på knappen … för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
Klicka på theme.js eller theme.js.liquid i registret Tillgångar.
Hitta koden {% schema %}. Klistra in följande kod på sin egen rad ovanför den:
Den ska se ut ungefär så här:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Steg för icke-indelade teman
Lägg till prompter till dina varianters rullgardinsmenyer
Klicka på Lägg till en ny snippet i katalogen Snippets.
Hitta sluttaggen </body> nära slutet av filen. På en ny rad, precis ovanför sluttaggen </body>, klistrar du in följande kod:
Klicka på Spara.
Hitta den fil som innehåller formuläret "Lägg till i varukorgen". Den kommer att ha ett action attribut som är inställd till /cart/add. Den bör finnas i en av dessa fyra filer:
Om du använder Minimal, Pop eller Supply, hitta alla förekomster av denna kod:
Byt ut koden med följande kodblock:
Om du använder något annat Shopify Vintage-tema, hitta den här koden:
Byt ut koden med följande kodblock:
Klicka på Spara.
Ändra språkinställningar för "Lägg till i varukorgen"
Du kan ändra språkinställningarna för knappen Lägg till i varukorgen så att produkterna inte visas som Inte tillgängliga innan en kund väljer en produkt.
Steg:
Från din Shopify-admin går du till Webbshop > Teman.
Hitta det tema du vill redigera och klicka sedan på ... > Redigera standardtemainnehåll.
Börja skriva Inte tillgänglig i sökfältet Filtrera artiklar för att visa översättningen för Inte tillgänglig.
Ersätt texten Inte tillgänglig med Gör ett val.
Klicka på Spara.
Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!