Hoppa till innehåll
Svenska
  • Det finns inga förslag eftersom sökfältet är tomt.

Attribut och multivariationsprodukter

Med hjälp av multivariationer och attribut kan du enkelt och snabbt skapa en dynamisk och snygg webbshop.

Innehållsförteckning:

1. Inledning
2. Skapa attribut
3. Skapa en produkt med multivariationer
4. Relaterad artiklar

Inledning

Kunderna kan välja storlek, färg, smak osv. på sina produkter och bläddra bland bilder kopplade till varje produkt/attribut för att få en bild över ert utbud. Se nedan för exempel på hur webbshopen kan se ut om du använder dessa funktioner.

En produktsida för ”Barbell shake” som visar fem flaskor med Barebells milkshakes i olika smaker: Banana, Vanilla, Chocolate, Strawberry och Banana igen. Flaskorna står uppställda bredvid varandra och på varje flaska syns texten ”24g protein per serving”. Till höger finns en köpmeny där smaken ”Vanilj” är vald i en rullgardinsmeny. Priset anges till 45 kr och det finns ett fält för antal samt en turkos ”Köp”-knapp. Under bilderna finns navigeringspilar och prickar som indikerar att det går att bläddra mellan fler produktbilder.

En produktsida för en vit T-shirt med ett grafiskt tryck på bröstet föreställande en smiley och texten ”Social Savage”. Bilden visar en person med långt lockigt hår som bär tröjan utomhus. Till höger finns en meny för att välja storlek (S är vald) och färg (Vit är vald). Priset är 250 kr och det finns ett fält för antal där siffran 2 är ifylld, samt en turkos ”Köp”-knapp. En liten text indikerar att det finns få kvar i lager. Under huvudbilden finns navigeringspilar och prickar för att se fler bilder i galleriet.

En webbshop-sida med rubriken ”Webshop” och undertexten ”Plocka dina varor själv och betala sedan här smidigt”. Sidan visar tre produkter uppställda som kort bredvid varandra: en ”Barbell shake” för 45 kr, en ”Hoodie” för 500 kr och en ”T-Shirt” för 250 kr. Varje produktkort innehåller en bild, rullgardinsmenyer för att välja smak, storlek eller färg, ett fält för antal samt en turkos ”Köp”-knapp och en ”Läs mer”-länk längst ner.



Skapa attribut

Attribut är vad som definierar en produkts variationer. Ett attribut kan t.ex vara storlek, färg, smak osv. Ska en tröja i webbshopen t.ex kunna köpas i olika färger och i olika storlekar eller en shake i olika smaker behöver dessa attribut skapas och sedan adderas på produkten. Läs vidare för att se hur du skapar attribut och kopplar dem till dina produkter.

TIPS! Även om du skulle missa att skapa attribut innan du börjar lägga upp produkter så går det jättebra att skapa dem i samband med produkten. Där finns ett plustecken så du kan komma åt samma funktion som vi beskriver nedan.

Gå till Inställningar > Produkter > Produktattribut och klicka på plustecknet i högra hörnet för att skapa ett nytt attribut.

OBS! Du behöver endast skapa attributet en gång, har du ett attribut för storlek kan detta appliceras på samtliga produkter och du väljer vilka som ska kopplas till vilken produkt. Ska fler storlekar adderas i efterhand kan du enkelt redigera attributet och lägga till dem.

Skapa attribut:

  1. Klicka på plustecknet uppe till höger.

  2. Ange namn på attributet t.ex smak eller storlek.

  3. Ange i vilken ordning attributen ska återfinnas på varje produkt, alltså vad som ska väljas först osv.

  4. Klicka på plustecknet vid "Product Attribute Items" för att lägga till variationerna, t.ex small, medium, large eller vanilj och choklad.

  5. Klicka på skapa.

Redigera attribut:

  1. Klicka på pennan på det attribut som ska redigeras.

  2. Klicka på plustecknet vid "Product Attribute Items" för att lägga till fler.

  3. Du kan enkelt ändra ordningen genom att dra och släppa dem om du klickar och håller musen över prickarna till vänster på varje item-rad.

  4. Klicka på spara när du gjort dina ändringar.

I videon nedan visas ett exempel på hur du skapar och redigerar ett attribut.



Skapa en produkt med multivariationer

Gå till Inställningar > Produkter > Produkter och klicka på plustecknet i högra hörnet för att skapa en ny produkt.

Ska produkten ha multivariationer aktiverar du det överst genom att klicka på knappen "Product with variations". I denna artikel beskriver vi endast hur du skapar multivariationer, vill du ha en genomgång i alla övriga fält och en produkts grundinställningar läs artikeln "Skapa en produkt för försäljning i kassa eller webbshop".

Skapa en multivariationsprodukt:

  1. Klicka på plustecknet upp till höger inne bland "Produkter".

  2. Klicka på knappen "Product with variations" för att aktivera multivariationsfunktionen.

  3. Gör alla inställningar för namn, beskrivningar, kategorier, osv.

  4. Längst ner på sidan vid "Product Variations" klickar du på plustecknet för att koppla attribut till denna produkt.

  5. Välj vilket eller vilka attribut som denna produkt ska ha, t.ex storlek och färg (du kan max ha tre attribut per produkt).

  6. Välj sedan vilka attributvärden som ska finnas valbara för denna produkt, en hoodie kanske inte finns i blå t.ex utan endast svart och vit medan en T-shirt finns i alla färger, då väljer du endast de värden som gäller för denna produkten (detta kan självklart korrigeras längre fram om det skulle förändras).

  7. Ange SKU (artikelnummer), pris och moms. Ska det vara olika på olika attribut kan detta skippas här och ställas in i nästa steg.

  8. Se över sammanfattningen längst ner så att alla attribut är korrekta, du kan välja att klicka bort specifika om du ej vill skapa dem nu, det går också att göra i efterhand.

  9. Klicka på "Skapa variationer"

Efter att variationerna skapats kan du ange SKU, pris och moms på varje rad. Ska alla ha samma kan du enkelt ange rätt värde på översta raden och sedan klicka på "Fyll" så kopieras värdet till samtliga rader.

Du kan även ange en egen bild för varje attribut som sedan kommer att visas i webbshopen. Skrolla upp lite till "Produktbilder" och klicka på plustecknet för att lägga till en eller flera bilder. Välj sedan bild och vilken attributvariation den ska vara kopplad till.

 

Allt som vi har gått igenom ovan ges exempel på i nedan video, kika gärna på den för tydliga exempel.

 



Ett popup-fönster med rubriken ”Generate Product Variations” för att skapa olika produktvarianter. I den översta sektionen är attributen ”Storlek” och ”Färg” valda. Under sektionen ”Select attribute values” har färgen ”Blå” samt storlekarna ”M”, ”L” och ”S” valts. Mittenpartiet innehåller fält för att ange SKU, pris och moms (märkta ”Variation Information”). Längst ner visas en tabell med rubriken ”New Variation Combinations” som listar de tre nya kombinationerna: storlek S, M och L, alla i färgen blå, med markerade kryssrutor i kolumnen ”Skapa”. Längst ner finns en turkos knapp med texten ”Create Variations”.

Gränssnittet för sektionen ”Product Images” som används för att koppla bilder till specifika produktvarianter. Tabellen visar tre rader med bilder på huvtröjor. Den översta raden visar en svart huvtröja kopplad till attributvärdet ”Svart”. Den mellersta raden visar en vit huvtröja kopplad till attributvärdet ”Vit”. På den nedersta raden visas en mörk bild på en person i huvtröja med en öppen rullgardinsmeny där alternativet ”Blå” är markerat för att kopplas till bilden. Varje rad har knappar för att redigera eller ta bort bilden, och längst upp till höger finns en turkos plusknapp för att lägga till nya bilder.

Gränssnittet för sektionen ”Product Images” som används för att koppla bilder till specifika produktvarianter. Tabellen visar tre rader med bilder på huvtröjor. Den översta raden visar en svart huvtröja kopplad till attributvärdet ”Svart”. Den mellersta raden visar en vit huvtröja kopplad till attributvärdet ”Vit”. På den nedersta raden visas en mörk bild på en person i huvtröja med en öppen rullgardinsmeny där alternativet ”Blå” är markerat för att kopplas till bilden. Varje rad har knappar för att redigera eller ta bort bilden, och längst upp till höger finns en turkos plusknapp för att lägga till nya bilder.

Relaterad artiklar

 

 

 

 

Senast uppdaterad: 3/6-2025