Hoppa till huvudinnehållet
Butikswidget och visning

Så låter du kunder välja en variant per artikel (färgrutor)

För ett erbjudande med mängdrabatt aktiverar du variantväljaren så att kunder kan välja storlek, färg eller ett annat alternativ för varje enhet. Ett Köp 2-erbjudande kan till exempel innehålla en elfenbensfärgad väska i storlek Small och en rougefärgad väska i storlek Large. Välj rullgardinsmenyer, färgrutor, knappar eller variantbilder för att göra valen tydliga.

Aktivera variantväljaren

Den här inställningen finns i kortet Variantväljare på fliken Tillägg i paketeditor. En växlingsknapp i kortets sidhuvud visar om den är aktiverad eller inaktiverad.

  1. Öppna paketet du vill redigera, gå till fliken Tillägg och leta upp kortet Variantväljare.
  2. Aktivera växlingsknappen i kortets sidhuvud.

För vanliga erbjudanden med mängdrabatt och Köp X, få Y ger den här inställningen varje enhet ett eget val. När den är inaktiverad följer ett vanligt erbjudande utan fast variant temats valda variant. Produktpaketkort och huvudprodukter som är låsta till en uppsättning varianter kan fortfarande ha en väljare i kortet.

Bundlex B06-fliken Tillägg med aktiverad variantväljare, färgrutor, storleksknappar, bilder per artikel och dolda inställningar för temats väljare bredvid väskförhandsvisningen.
På Tillägg (1) aktiverar du Variantväljare, (2) väljer visningstyp och förinställning för varje alternativ och (3) kontrollerar färgvärdena. Förhandsvisningen visar de sparade valen.

Vad växlingsknappen styr

Vanliga erbjudanden använder den här växlingsknappen för huvudproduktens väljare per enhet. Ett Produktpaket behåller en väljare i kortet även när växlingsknappen är inaktiverad, så att kunder kan välja tillsammans med de andra obligatoriska produkterna. Obligatoriska paketprodukter, gåvor och valfria extrafunktioner behåller också sina egna val när det är tillämpligt. En låst huvudprodukt kan dessutom behålla en enkel väljare när växlingsknappen är inaktiverad, begränsad till de varianter du låste.

När växlingsknappen är inaktiverad använder produktpaketrader enkla rullgardinsmenyer. När den är aktiverad formaterar de konfigurerade visningstyperna även raderna för obligatoriska paketprodukter. Väljare för gåvor och valfria extrafunktioner använder sina egna kontroller. En produkt med endast en valbar variant kan visa sin identitet som text i stället för en onödig rullgardinsmeny.

Ange visningstyp för varje alternativ

När växlingsknappen är aktiverad läser Bundlex in variantalternativen från de produkter som paketet gäller för och listar dem i en tabell med tre kolumner: Alternativ, Visningstyp och Förinställning. Varje rad är ett alternativ, till exempel Storlek eller Färg.

I kolumnen Visningstyp väljer du hur alternativet ska visas på produktsidan:

  • Rullgardinsmeny - en vanlig väljarmeny.
  • Färgruta - små färgbrickor. Du kan tilldela en färg till varje värde, se nedan.
  • Pillerform / knapp - tryckbara pillerformade alternativ eller knappar, valfritt med variantbilden.
  • Variantbild - visar varje värde som produktens bild.

Du kan blanda typer mellan alternativ, till exempel en färgruta för Färg och en rullgardinsmeny för Storlek på samma produkt. Klicka på visningsikonen, ögat, bredvid ett alternativnamn för att visa en produkt som har det alternativet i förhandsvisningspanelen.

Välj en gemensam förinställning

Kolumnen Förinställning anger den visuella stilen för en visningstyp. Förinställningar är gemensamma per typ: alla alternativ som använder samma visningstyp delar en förinställning, så om du ändrar förinställningen för ett alternativ uppdateras alla andra alternativ av den typen. Färgruta, Pillerform / knapp och Variantbild har varsin uppsättning förinställningar. Rullgardinstypen har ingen förinställning.

Välj Anpassad i menyn för förinställningar för att öppna avsnittet Färgrutans stil, där du kan finjustera utseendet utöver de inbyggda förinställningarna.

Tilldela färger till färgrutor

När ett alternativ använder visningstypen Färgruta får varje värde ett färgfält med en färgväljare. Du kan:

  • Ange varje färg manuellt med färgväljaren eller genom att skriva ett hexvärde.
  • Klicka på Identifiera färger automatiskt för att fylla i färger automatiskt utifrån värdenas namn, till exempel "Marinblå" eller "Skogsgrön". Automatisk identifiering fyller endast i värden som fortfarande är tomma och är inte tillgänglig när alla färger har angetts.

Visa färgnamn på dator

Öppna Färgrutans stil > Färgruta och aktivera Visa färgnamn vid hovring för en verktygstipsruta med färgnamnet. Detta gäller färgbrickor, inte alla visningstyper. Pekskärmar har inget verktygstips vid hovring.

Visa variantbilden

Aktivera Visa variantbild, som blir tillgängligt när väljaren har aktiverats, för att visa den valda variantens bild bredvid variantväljaren. Detta fungerar med alla väljartyper, inte bara visningstypen Variantbild.

Dölj temats variantväljare

När väljaren är aktiverad får du även Dölj temats variantväljare. Detta döljer temats standardväljare för varianter så att endast Bundlex väljare visas. Temats väljare döljs med CSS i stället för att tas bort, vilket gör att den normala temaintegrationen kan fortsätta synkronisera huvudproduktens bild. Testa detta beteende i ditt tema.

Om huvudproduktens bild inte uppdateras när en variant väljs kan du behöva justera Väljare för variantblocket i inställningarna för Bundlex appinbäddning så att den matchar ditt tema. Kontakta supporten om du behöver hjälp med detta.

Fäll ihop långa listor per enhet

Fäll ihop variantväljare samlar varje enhets val i en rad som öppnas en i taget. Det kan hålla ett större erbjudande med mängdrabatt kompakt. Detta gäller inte erbjudanden av typen Produktpaket.

Testa val, lager och priser

Spara och aktivera rabatten och testa sedan en kvalificerad produkt i butiken. Den här demonstrationen använder Litauen med USD. I det här exemplet kostar väskan i storlek Small och färgen Ivory $24, och väskan i storlek Large och färgen Blush kostar $30. Ett Köp 2-erbjudande med 10 % rabatt kostar totalt $48.60. Lägg till det med den faktiska knappen Lägg i kundvagn och bekräfta båda färgerna, båda storlekarna och totalsumman i kundvagnen och kassan.

Produktsidan för Quilted Cosmetic Bag visar oberoende val av Ivory Small och Blush Large i Köp 2, ett erbjudande på totalt $48.60 och en aktiverad knapp för att lägga i kundvagn.
(1) Ivory / Small och (2) Blush / Large är oberoende val. (3) Deras sammanlagda rabatterade delsumma är $48.60. Den faktiska kundvagnen och kassan bekräftade båda varianterna.

En slutsåld kombination kan fortsätta att visas och vara valbar när Dölj otillgängliga varianter är inaktiverat. När Blush / Small väljs i den här demonstrationen visas ett meddelande om att den inte är tillgänglig och knappen Lägg i kundvagn inaktiveras. När den tillgängliga storleken Large väljs aktiveras knappen igen. En kombination som inte finns alls är annorlunda: väljaren kan flytta senare alternativ till en giltig kombination, så kontrollera den slutliga storleken efter att du har ändrat färg.

Sidan för Quilted Cosmetic Bag med slutsålda Blush Small vald på den andra raden, ett meddelande om att den inte är tillgänglig och en inaktiverad köpknapp med texten Slutsåld.
(1) Blush / Small fortsätter att visas när döljning är inaktiverad. (2) Meddelandet om att den inte är tillgänglig förklarar varför (3) den vanliga köpknappen är inaktiverad. När Large väljs aktiveras Lägg i kundvagn igen.

Om du vill ta bort slutsålda värden från stödda väljare öppnar du Avancerat > Erbjudanden och lager > Dölj otillgängliga varianter. Tillgängligheten följer Shopifys lagerpolicy. En variant med noll i lager som får fortsätta säljas kan fortfarande vara tillgänglig. Se tillgänglighet för variantalternativ för information om omfattning och reservbeteende.

När det inte finns något att välja

När hela den valbara uppsättningen innehåller exakt en variant ersätts en rullgardinsmeny av variantnamnet på kortet. Konfigurerade alternativsknappar eller färgprover kan fortfarande visas som en vald etikett. Produkter med endast Shopifys standardvariant behöver ingen väljare.

Det är därför en väljare som du förväntade dig kan saknas. Det betyder vanligtvis något av följande:

  • Produkten har faktiskt bara en variant.
  • Du har låst artikeln till en enda variant.
  • Dölj otillgängliga varianter är aktiverat och endast en variant finns kvar i lager.

När en variant fylls på i lager eller när du breddar det låsta urvalet visas väljaren automatiskt igen. Huvuderbjudandet och korten för obligatoriska paketprodukter följer samma beteende för väljare och identitet. Gratisprodukter, merförsäljning och tillägg har egna tillgänglighetsfilter. Ett enda tillgängligt alternativ kanske därför inte visar ett separat variantnamn.

Läs in alternativ igen efter att du har redigerat varianter

Om du lägger till, byter namn på eller tar bort varianter för dina produkter efter att du har konfigurerat detta klickar du på Läs in alternativ igen högst upp i tabellen med variantalternativ för att hämta de senaste alternativen. Bundlex bekräftar med meddelandet "Varianter uppdaterade" när något har ändrats, eller "Inlästa igen, inga ändringar" när alternativuppsättningen redan är aktuell. Spara eventuella ändringar innan du kontrollerar butiken. Nya färger som visas i redigeraren publiceras inte förrän de har sparats.

Om inga alternativ visas

Tabellen med variantalternativ behöver produktalternativdata för paketets målprodukter och obligatoriska paketprodukter. Om alternativen fortfarande läses in väntar du tills processen är klar innan du tolkar en tom tabell som ett konfigurationsproblem. Om du ser en uppmaning om att välja produkter eller kollektioner konfigurerar du detta först i avsnittet Visa widget på. Om du i stället ser "Inga variantalternativ hittades för de valda produkterna" har de valda produkterna inga variantalternativ att konfigurera.

Var den här artikeln till hjälp?

Din feedback hjälper oss att förbättra vår dokumentation.

Tack, vi fortsätter att förbättra den här artikeln.

Vill du chatta med vårt team? Har du fortfarande en fråga?

Behöver du fortfarande hjälp?

Vårt team finns bara ett klick bort. Skicka ett meddelande så återkommer vi.

Vi använder några cookies för att hålla webbplatsen fungerande, mäta hur den används och driva vår chattwidget när du öppnar den. Se vår cookiepolicy.