Cum să configurați produse configurabile utilizând opțiunile din OpenCart

Una dintre multele funcții utile oferite de OpenCart este "Opțiuni". În acest tutorial, veți învăța cum să utilizați Opțiuni pentru a seta diferite variante ale aceluiași produs fără a crea, de fapt, produse diferite. Mai precis, veți învăța să configurați produse configurabile în partea frontală, astfel încât utilizatorul să poată alege între diferitele variante disponibile pe pagina de produs în sine. Vom trece printr-o explicație detaliată a opțiunilor din secțiunea de administrare și vom ajunge prin configurarea unei demonstrații a unui produs configurabil.

Înțelegerea de bază a opțiunilor

Ați întâlnit vreodată nevoia de a crea mai multe produse cu variații minore ale atributelor produsului? Opțiunile din OpenCart sunt proiectate exact pentru asta! Vă poate ajuta să configurați diferite versiuni ale aceluiași produs, precum și variații ale prețurilor.

Să luăm câteva exemple din lumea reală pentru a înțelege acest lucru. Să presupunem că doriți să furnizați diferite culori pentru produsul "Tricou" din magazinul dvs. Și, de asemenea, doriți să încărcați câteva dolari în plus pentru cele mai populare culori. Puteți realiza acest lucru folosind Selectați tip opțiune în OpenCart. După ce ați configurat diferite culori pe partea de administrare, utilizatorul este prezentat cu o varietate de culori diferite pe pagina cu detalii despre produs. Și da, utilizatorul va fi taxat pe baza selecției de culoare!

Un exemplu mai avansat ar fi un "Tee grafic" în care doriți să permiteți utilizatorului să încarce o imagine care va fi tipărită pe tricoul! În acest caz, puteți utiliza Fişier tip de opțiune. Uneori, va trebui să faceți o intrare de la utilizator, cum ar fi "Numele dvs.", care va fi tipărită pe un lanț cheie. Și pentru asta, Text tipul de opțiune vine la salvare!

Deci, în ansamblu, opțiunile implică o formă de intrare a utilizatorului în timp ce achiziționează produsul. Și dacă este necesar, puteți introduce variații de preț în funcție de selecția utilizatorului.

Diferite tipuri de opțiuni

Acum să vedem diferiții tipuri din opțiunile disponibile în OpenCart.

Text și TextArea

Acest tip de opțiune este folosit pentru a lua un anumit text de intrare de la utilizator. Puteai alege oricum Text, care va furniza o casetă text, sau TextArea, care oferă utilizatorului o zonă de text pentru introducerea detaliilor necesare.

Fișier încărcat

După cum sugerează și numele, puteți folosi Fişier tipul de opțiune în cazul în care un utilizator trebuie să încarce un fișier pentru produs.

Data si ora

Așa cum probabil ați ghicit, acest lucru va cere utilizatorului să introducă data și ora. Există trei tipuri diferite disponibile. Data și ora permite utilizatorului să introducă împreună data și ora. Data permite utilizatorului să selecteze numai data. In acelasi fel, Timp permite utilizatorului să selecteze numai timpul. Acest tip de opțiune este util atunci când doriți să solicitați utilizatorului să aleagă o dată de livrare.

Selecție bazată pe intrare

În acest tip de opțiune, utilizatorul este prezentat cu elemente diferite de a alege. Există patru tipuri diferite disponibile pentru selectarea utilizatorului:

  • Selectați tip oferă o casetă drop - down pentru utilizator cu diferite opțiuni.
  • Radio tip oferă diferite butoane radio pentru fiecare opțiune.
  • Caseta de bifat tip oferă diferite casete de selectare pentru fiecare opțiune. Puteți utiliza această opțiune atunci când doriți să oferiți mai multe selecții pentru aceeași opțiune.
  • Imagine este oarecum similar cu tipul opțiunii Radio, dar un utilizator este prezentat cu diferite imagini de selectat, în loc de text.

Deci, asta e în ceea ce privește diferitele tipuri de opțiuni. Teoria destulă, să ne aruncăm în acțiune!

Configurați un produs configurabil

În această secțiune, vom configura un produs configurabil din partea administratorului. Mai întâi de toate, creați un produs exemplu denumit Tricou grafic din partea din spate a paginii admin. Trebuie doar să introduceți informațiile de bază despre produs și să alegeți categoria. Detaliile pe care le introduceți în produs nu sunt importante, deoarece vom concentra doar pe fila Opțiune disponibilă în interfața de editare a produsului. Voi reveni la acest lucru la sfârșitul acestei secțiuni.

Presupunem că produsul nostru de T-shirt este configurabil astfel încât să poată alege culoarea, să introducă textul sloganului și să încarce imaginea care va fi tipărită pe tricou. Să vedem cum să realizăm acest lucru folosind opțiunile.

Adăugați o opțiune "Culoare"

Treceți la capătul din spate al OpenCart. Mergi la Catalog> Opțiuni. Acesta va lista opțiunile existente în magazin. Faceți clic pe Introduce pentru a crea un nou Culoare opțiune.

După cum se arată în captura de ecran de mai sus, completați valorile. Am intrat Culoare în Numele opțiunii camp. Va fi afișat ca titlu. Următorul câmp este Tip, pentru care am ales Selectați, deoarece dorim să oferim o reducere a culorii. Ordinea de sortare este doar folosit pentru a afișa diferitele opțiuni într-o anumită ordine. Pentru moment, vom intra 1 în acest domeniu.

Acum, că am adăugat informații de bază, trebuie să adăugați valori opționale. Evident, în acest caz, vor avea culori diferite. Faceți clic pe Adăugați valoarea opțiunii pentru a adăuga valori pentru opțiunea Culoare. În captura de ecran, arată că am introdus roșu în Nume valoare opțiune și din nou Ordinea de sortare este 1. Să ignorăm Imagine câmp de dragul simplității acum. În același mod adăugați alte două culori, Albastru și Verde.

Adăugați o opțiune "Slogan Text"

Acum să mergem mai departe și să setăm opțiunea "Slogan Text". Din nou, faceți clic pe Introduce pe butonul " Catalog> Opțiuni pagină.

După cum puteți vedea, am intrat Slogan Text în Numele opțiunii camp. Si Tip este setat sa Text. Ordinea de sortare este setat sa 2.

Adăugați o opțiune pentru "T-shirt Image"

Ultimul este "T-Shirt Image", asa ca sa mergem mai departe si sa adaugam asta. Faceți clic pe Introduce pe butonul " Catalog> Opțiuni pagină.

După cum puteți vedea, am intrat Imagine T - Shirt în Numele opțiunii camp. Si Tip este setat sa Fişier. Ordinea de sortare este setat sa 3.

Am făcut-o cu crearea de chestii "Opțiuni". Acum, trebuie să asociem opțiunile noastre cu produsul, astfel încât acesta să poată fi afișat în partea frontală. Presupun că ați creat produsul de probă numit "Tricou grafic", așa cum am menționat mai devreme. Dacă nu ați făcut-o încă, faceți acest lucru înainte de a trece la secțiunea următoare!

Alocați opțiunile produsului

Să editați imediat produsul "Tricou grafic" pentru a adăuga opțiunile. Mergeți la Opțiune în interfața de editare a produsului. În partea stângă, veți vedea caseta text, care este completă automat. Dacă tastați "Color", vă va afișa opțiunea "Color" pe care am adăugat-o mai devreme.

Dând clic pe Culoare în caseta de text automată completă va adăuga un rând nou pentru culoare, după cum se arată în captura de ecran. În această secțiune, puteți adăuga diferite valori ale opțiunilor pe care doriți să le afișați pentru opțiunea de culoare din partea frontală. Click pe Adăugați valoarea opțiunii pentru a adăuga opțiuni de culoare diferite.

După cum puteți vedea, am adăugat trei opțiuni: Albastru, Verde, și roșu. Celălalt lucru important este Preț câmpuri. Pentru fiecare opțiune, puteți să modificați prețurile utilizând +/-- semn cu suma introdusă. În cele din urmă, trebuie să specificați Cantitate pentru fiecare tip de opțiune, altfel nu va fi afișat în front-end. Deci, acum am terminat cu opțiunea "Culoare".

Acum, să alocăm "Textul sloganului" într-un mod similar. Nu avem nevoie de nici o configurație pentru acest câmp, deoarece va fi o casetă de text simplă.

În cele din urmă, permiteți alocarea imaginii "T-Shirt Image". De asemenea, nu avem nevoie de nici o configurație pentru acest câmp, deoarece va fi un câmp simplu de încărcare a fișierelor.

După ce ați atribuit toate cele trei opțiuni produsului, salvați-l. Și crede-mă, ai terminat!

Testați testul înainte - capăt

Hai imediat să vizitați pagina cu detalii a produsului în partea frontală pentru a vedea rezultatul!

Arată grozav, nu-i așa? Deci, tocmai ați creat un produs T-shirt configurabil, care permite utilizatorului să aleagă culoarea, să introducă textul pentru slogan și să încarce o imagine. Probabil ați observat că, cu fiecare culoare diferită, se percepe bani în plus, conform configurației noastre în back-end!

Deci, acum trebuie să vă simțiți confortabil cu opțiunile și să creați produse configurabile în OpenCart. Deci asta e pentru ziua de azi! Mi-ar plăcea să vă aud feedback.

Cod