Share
En av de många användbara funktionerna som erbjuds av OpenCart är "Alternativ". I den här handledningen lär du dig hur du använder Alternativ för att ställa in olika variationer av samma produkt utan att egentligen skapa olika produkter. Mer specifikt lär du dig att konfigurera konfigurerbara produkter i fronten, så att användaren kan välja mellan olika variationer som finns tillgängliga på själva produktsidan. Vi går igenom en detaljerad förklaring av alternativen i admin-sektionen, och vi hamnar slutligen genom att skapa en demonstration av en konfigurerbar produkt.
Har du någonsin stött på behovet av att konfigurera flera produkter med mindre variationer i produktegenskaper? "Alternativ" i OpenCart är exakt utformad för det! Det kan hjälpa dig att konfigurera olika versioner av samma produkt, liksom prisvariationer.
Låt oss ta några exempel på verkligheten för att förstå detta. Antag att du skulle vilja ge olika färger till "T-Shirt" -produkten i din butik. Och du vill också ladda några extra pengar till de mest populära färgerna. Du kan uppnå detta med hjälp av Välj alternativtyp i OpenCart. När du har ställt in de olika färgerna på administratörssidan, presenteras användaren ett val av olika färger på produktdetaljer sidan. Och ja, användaren debiteras baserat på färgvalet!
Ett mer avancerat exempel skulle vara ett "grafiskt tee" där du vill tillåta användaren att ladda upp en bild som kommer att skrivas ut på T-tröja! I så fall kan du använda Fil alternativtyp. Ibland måste du ta lite inmatning från användaren, som "Ditt namn", som kommer att skrivas ut på en nyckelkedja. Och för det, den Text alternativtyp kommer till undsättning!
Så övergripande innebär alternativen någon form av användarinmatning när du köper produkten. Och vid behov kan du presentera prisvariationer baserat på användarvalet.
Nu får vi se de olika typer av alternativen som finns i OpenCart.
Denna typ av alternativ används för att ta lite inmatad text från användaren. Du kan välja antingen Text, som kommer att ge en textruta, eller Textarea, vilket ger en textareal till användaren för att skriva in de nödvändiga detaljerna.
Som namnet antyder kan du använda Fil typ av alternativ i det fall en användare behöver ladda upp en fil för produkten.
Som du antagligen har gett, kommer detta att be användaren att ange datum och tid. Det finns tre ytterligare olika typer tillgängliga. De Datum Tid typ tillåter användaren att ange datum och tid tillsammans. Datum tillåter användaren att bara välja datum. På samma sätt, Tid tillåter användaren att bara välja tid. Den här alternativtypen är användbar när du vill be användaren att välja leveransdatum.
I denna typ av alternativ presenteras användaren med olika objekt att välja mellan. Det finns fyra olika typer tillgängliga för användarvalet:
Accentsconagua
Välj typ ger en rullgardinsmeny till användaren med olika alternativ.Radio typ ger olika radioknappar för varje alternativ.kryss~~POS=TRUNC typ ger olika kryssrutor för varje alternativ. Du kan använda det här alternativet när du vill ge flera val för samma alternativ.Bild liknar alternativt radioalternativstypen, men en användare presenteras med olika bilder att välja mellan, istället för bara text.Så det är så långt det gäller olika alternativtyper. Nog teori, låt oss dyka in i åtgärden!
I det här avsnittet ställer vi upp en konfigurerbar produkt från administratörssidan. Först och främst skapa en produkt som heter Grafisk T - tröja från baksidan av admin sidan. Du behöver bara ange produktinformationen och välja kategori. Detaljerna som du anger i produkten är inte viktiga, eftersom vi bara fokuserar på fliken Alternativ som finns i produktredigeringsgränssnittet. Jag kommer tillbaka till detta i slutet av det här avsnittet.
Vi antar att vår T-shirt-produkt kan konfigureras på ett sätt som man kan välja färg, skriva in en slogantext och ladda upp bilden som kommer att skrivas ut på T-tröja. Låt oss se hur du åstadkommer detta med alternativen.
Gå över till baksidan av OpenCart. Gå till Katalog> Alternativ. Det kommer att lista ut de befintliga alternativen i butiken. Klicka på Föra in knappen för att skapa en ny Färg alternativ.
Som visas i ovanstående skärmdump, fyll i värdena. Vi har kommit in Färg i Alternativ Namn fält. Det kommer att visas som en titel. Nästa fält är Typ, för vilken vi har valt Välj, eftersom vi vill ge en drop-down för färgen. Sorteringsordning Används bara för att visa de olika alternativen i en viss ordning. För nu ska vi ange 1 i det fältet.
Nu när vi har lagt till grundläggande information måste du lägga till alternativvärden. Självklart, i det här fallet kommer de att vara olika färger. Klicka på Lägg till alternativvärde knappen för att lägga till värden för färgalternativet. I skärmdumpen visar det att vi har angett Röd i Alternativvärdesnamn och igen Sorteringsordning är 1. Låt oss ignorera Bild fält för enkelhets skull nu. På samma sätt lägger du till ytterligare två färger, Blå och Grön.
Låt oss nu gå vidare och ställa in alternativet "Slogantext". Återigen, klicka på Föra in knapp på Katalog> Alternativ sida.
Som du kan se har vi kommit in Slogan Text i Alternativ Namn fält. Och den Typ är satt till Text. Sorteringsordning är satt till 2.
Den sista är "T-Shirt Image", så låt oss fortsätta och lägga till det. Klicka på Föra in knapp på Katalog> Alternativ sida.
Som du kan se har vi kommit in T-tröja bild i Alternativ Namn fält. Och den Typ är satt till Fil. Sorteringsordning är satt till 3.
Vi har gjort med att konfigurera "Alternativ" saker. Nu måste vi associera våra alternativ med produkten så att den kan visas i fronten. Jag antar att du har skapat provprodukten "Graphic T-Shirt" som jag nämnde tidigare. Om du inte har gjort det ändå, gör bara det innan du går vidare till nästa avsnitt!
Låt oss redigera "Graphic T-Shirt" -produkten genast för att lägga till alternativen. Gå till Alternativ fliken i produktredigeringsgränssnittet. På vänster sida ser du textrutan, som är automatiskt slutförd. Om du skriver "Färg" visas det alternativet "Färg" som vi lagt till tidigare.
Klicka på Färg alternativet i den färdiga textrutan lägger till en ny rad för färg som visas på skärmdumpen. I det avsnittet kan du lägga till olika alternativvärden som du vill visa för färgalternativet i fronten. Klicka på Lägg till alternativvärde för att lägga till olika färgalternativ.
Som du kan se har jag lagt till tre alternativ: Blå, Grön, och Röd. Den andra viktiga är den Pris fält. För varje alternativ kan du ändra priserna med +/-- underteckna med det angivna beloppet. Slutligen måste du ange Kvantitet för varje typ av alternativ, annars kommer det inte att visas i fronten. Så nu är vi färdiga med alternativet "Färg".
Låt oss nu tilldela "Slogan Text" på ett liknande sätt. Vi behöver inte någon konfiguration för det här fältet, eftersom det blir en enkel textbox.
Till sist kan vi tilldela "T-Shirt Image". Vi behöver inte någon konfiguration för det här fältet heller, för det blir ett enkelt filuppladdningsfält.
Efter att ha tilldelat alla tre alternativen till produkten, spara den. Och tro mig, du är färdig!
Låt oss genast besöka produktdetaljsidan i fron-t-änden för att se resultatet!
Ser bra ut, eller hur? Så du har precis skapat en konfigurerbar T-shirt-produkt som gör det möjligt för användaren att välja färg, ange texten för slagordet och ladda upp en bild. Du har antagligen märkt att med olika färger tar det extra pengar, enligt vår konfiguration i back-end!
Så nu borde du känna dig bekväm med alternativ och skapa konfigurerbara produkter i OpenCart. Så det är det för idag! Jag skulle gärna höra din feedback.
