Slik konfigurerer du konfigurerbare produkter ved hjelp av alternativer i OpenCart

En av de mange nyttige funksjonene fra OpenCart er "Alternativer". I denne opplæringen lærer du hvordan du bruker Alternativer for å konfigurere forskjellige variasjoner av det samme produktet uten å skape forskjellige produkter. Nærmere bestemt lærer du å konfigurere konfigurerbare produkter i frontenden, slik at brukeren kan velge mellom de forskjellige variantene som er tilgjengelige på selve produktsiden. Vi vil gjennomgå en detaljert forklaring på Alternativer i administrasjonen, og vi vil ende opp med å sette opp en demonstrasjon av et konfigurerbart produkt.

Grunnleggende forståelse av alternativer

Har du noen gang løp inn i behovet for å sette opp flere produkter med mindre variasjoner i produktattributter? "Alternativer" i OpenCart er nøyaktig designet for det! Det kan hjelpe deg med å sette opp forskjellige versjoner av det samme produktet, samt prisvariasjoner.

La oss ta et par eksempler på ekte verden for å forstå dette. Anta at du ønsker å gi forskjellige farger til "T-skjorte" -produktet i butikken din. Og du vil også belaste noen ekstra penger for de mest populære farger. Du kan oppnå dette ved hjelp av Å velge alternativtype i OpenCart. Etter at du har satt opp de forskjellige farger på administrasjonssiden, presenteres brukeren med et utvalg av forskjellige farger på produktdetaljer siden. Og ja, brukeren vil bli belastet basert på fargevalg!

Et mer avansert eksempel ville være et "Grafisk Tee" der du vil tillate brukeren å laste opp et bilde som vil bli skrevet ut på T-skjorten! I så fall kan du bruke Fil alternativtype. Noen ganger må du ta litt innspilling fra brukeren, for eksempel "Ditt navn", som vil bli skrevet ut på en nøkkelring. Og for det, den Tekst alternativtype kommer til redning!

Alt i alt innebærer Valg noen form for brukerinngang mens du kjøper produktet. Og hvis det er nødvendig, kan du introdusere prisvariasjoner basert på brukervalget.

Ulike typer alternativer

La oss nå se de forskjellige typer av tilgjengelige alternativer i OpenCart.

Tekst og tekstArea

Denne typen alternativ brukes til å ta litt tekst fra brukeren. Du kan velge enten Tekst, som vil gi en tekstboks, eller Tekstfelt, som gir et tekstområde til brukeren for å skrive de nødvendige detaljene.

Filopplasting

Som navnet antyder, kan du bruke Fil type alternativ i tilfelle der en bruker må laste opp en fil for produktet.

Dato og tid

Som du sikkert har gjettet, vil dette be brukeren å legge inn dato og klokkeslett. Det er tre forskjellige typer tilgjengelig. De Dato tid type lar brukeren legge inn dato og klokkeslett sammen. Dato tillater brukeren å velge bare datoen. På samme måten, Tid tillater brukeren å bare velge tid. Denne alternativtypen er nyttig når du vil be brukeren om å velge en leveringsdato.

Utvalgsbasert inngang

I denne typen alternativ presenteres brukeren med forskjellige elementer å velge mellom. Det finnes fire ulike typer tilgjengelig for brukervalget:

  • De Å velge type gir en rullegardinboks til brukeren med forskjellige alternativer.
  • De Radio type gir forskjellige radioknapper for hvert alternativ.
  • De avkrysnings type gir forskjellige avmerkingsbokser for hvert alternativ. Du kan bruke dette alternativet når du vil gi flere valg for samme alternativ.
  • Bilde er noe lik Radio-alternativtypen, men en bruker presenteres med forskjellige bilder å velge mellom, i stedet for bare tekst.

Så det er det så langt som forskjellige alternativtyper er opptatt av. Nok teori, la oss dykke inn i handlingen!

Konfigurer et konfigurerbart produkt

I denne delen skal vi sette opp et konfigurerbart produkt fra administrasjonssiden. Først av alt oppretter du et prøveprodukt som heter Grafisk T - skjorte fra baksiden av administrasjonssiden. Du trenger bare å skrive inn grunnleggende produktinformasjon og velge kategorien. Detaljene du legger inn i produktet, er ikke viktige, da vi bare vil konsentrere deg om alternativet-kategorien som er tilgjengelig i produktredigeringsgrensesnittet. Jeg kommer tilbake til dette på slutten av denne delen.

Vi antar at vårt T-skjorte-produkt kan konfigureres på en måte som man kan velge farge, skrive inn noen slagordtekst og laste opp bildet som skal skrives ut på T-skjorten. La oss se hvordan du oppnår dette ved hjelp av alternativene.

Legg til et "Farge" alternativ

Gå over til baksiden av OpenCart. Gå til Katalog> Valg. Det vil vise ut de eksisterende alternativene i butikken. Klikk på Sett inn knappen for å opprette en ny Farge alternativ.

Som vist på skjermbildet ovenfor, fyll inn verdiene. Vi har kommet inn Farge i Alternativ Navn felt. Det vil bli vist som en tittel. Neste felt er Type, som vi har valgt Å velge, siden vi ønsker å gi en drop-down for fargen. Sorteringsrekkefølge er bare vant til å vise de forskjellige alternativene i en bestemt rekkefølge. For nå kommer vi inn 1 i det feltet.

Nå som vi har lagt til grunnleggende informasjon, må du legge til valgverdier. Tydeligvis vil de i dette tilfellet være forskjellige farger. Klikk på Legg til tilleggsverdi knappen for å legge til verdier for farge-alternativet. I skjermbildet viser det at vi har skrevet inn rød i Alternativ Verdi Navn og igjen Sorteringsrekkefølge er 1. La oss ignorere Bilde feltet for enkelhets skyld, nå. På samme måte legger du til to farger, Blå og Grønn.

Legg til et «Slogan Text» -alternativ

La oss nå gå videre og sette opp "Slogan Text" -alternativet. Igjen, klikk på Sett inn knappen på Katalog> Valg side.

Som du kan se, har vi skrevet inn Slogan Tekst i Alternativ Navn felt. Og Type er satt til Tekst. Sorteringsrekkefølge er satt til 2.

Legg til et "T-skjorte bilde" alternativ

Den siste er "T-Shirt Image", så la oss gå videre og legge til det. Klikk på Sett inn knappen på Katalog> Valg side.

Som du kan se, har vi skrevet inn T-skjorte bilde i Alternativ Navn felt. Og Type er satt til Fil. Sorteringsrekkefølge er satt til 3.

Vi har gjort med å sette opp "Alternativer" ting. Nå må vi forbinde våre alternativer med produktet slik at det kan vises i frontendens. Jeg antar at du har opprettet prøveproduktet "Grafisk T-skjorte" som jeg nevnte tidligere. Hvis du ikke har gjort det ennå, gjør du det før du går videre til neste avsnitt!

Tilordne alternativer til produktet

La oss redigere "Graphic T-Shirt" -produktet med en gang for å legge til alternativene. Gå til Alternativ fanen i produktredigeringsgrensesnittet. På venstre side ser du tekstboksen, som er automatisk fullført. Hvis du skriver "Farge", vil det vise deg alternativet "Farge" vi la til tidligere.

Klikk på Farge alternativet i den ferdige tekstboksen vil legge til en ny rad for farge som vist på skjermbildet. I den delen kan du legge til forskjellige valgverdier som du vil vise for fargevalg i forkant. Klikk på Legg til tilleggsverdi for å legge til forskjellige fargevalg.

Som du ser, har jeg lagt til tre alternativer: Blå, Grønn, og rød. Den andre viktige tingen er Pris Enger. For hvert alternativ kan du variere prisene ved hjelp av +/-- tegn på det oppgitte beløpet. Til slutt må du angi Mengde for hver type alternativ, ellers vil det ikke bli vist i fronten. Så nå er vi ferdige med alternativet "Farge".

La oss nå tilordne "Slogan Text" på samme måte. Vi trenger ikke noen konfigurasjon for dette feltet, da det blir en enkel tekstboks.

Til slutt kan vi tilordne "T-Shirt Image". Vi trenger heller ingen konfigurasjon for dette feltet, fordi det vil være et enkelt filopplastingsfelt.

Når du har tildelt alle tre alternativene til produktet, må du lagre det. Og tro meg, du er ferdig!

Test Ride Front - End

La oss straks besøke produktdetaljsiden i fron-t-enen for å se resultatet!

Ser bra ut, ikke sant? Så du har nettopp satt opp et konfigurerbart T - skjorte produkt som lar brukeren velge fargen, skriv inn teksten for slagordet, og last opp et bilde. Du har sikkert lagt merke til at med hver annen farge det belaster ekstra penger, i henhold til vår konfigurasjon i back-end!

Så nå bør du føle deg komfortabel med Alternativer og opprette konfigurerbare produkter i OpenCart. Så det er det for i dag! Jeg vil gjerne høre din tilbakemelding.