Setari si activare Color Swatches

Configurarea modulului de color swatches

Blugento avatar
Scris de Blugento
Actualizat cu mai mult de o săptămână în urmă

Configurari generale


Color Swatches este o functionalitate care permite afisarea optiunilor selectabile de produs, sub forma de "color buttons".

Functia Color Swatches se gestioneaza din panoul de administrare al magazinului, sectiunea Sistem > Configuratie > Catalog > Configurable Swatches.
In tabul Setari Generale avem urmatoarele campuri:

  1. Activat - activarea (Da)  sau dezactivarea (Nu) optiunii.

  2. Product Attributes to Show as Swatches in Product Detail - selectati atributul/atributele pe care le doriti a fi incluse in functionalitatea Swatches, din interiorul paginii de produs.

  3. Product Attribute to Use for Swatches in Product Listing - selectati atributul ce va fi vizibil in pagina de listare produse (pagina de categorie).

  4. Dynamic Price Change for Swatches in Product Listing - selectati Da in cazul in care doriti ca pretul sa se actualizeze in functie de o optiunea aleasa (culoarea) sau Nu in caz contrar, in pagina de listare produse (pagina de categorie).

In taburile de Swatch Dimensions avem urmatoarele campuri:

  1. Lățime - setati valoarea latimii iconitei in pagina de detalii produs si pagina de listare produse si zona de filtrare. 

  2. Înălțime - setati valoarea inaltimii iconitei in pagina de detalii produs si pagina de listare produse si zona de filtrare.

Dupa efectuarea pasilor de mai sus apasati butonul Salvare Configuratie din partea dreapta sus.


Pe pagina de listare produse (pagina de categorie) poate fi afisata precum in exemplul urmator:

Pe pagina produsului configurabil se pot afisa unul sau mai multe atribute cu valorile selectabile (ex. de mai jos)

Adaugarea/asocierea culorilor

1. Activare Blugento Swatches Sistem > Configuratie > Catalog > Configurable Swatches > Blugento Swatches Extension > Enable Blugento Extension > DA

2.Accesare Blugento > Swatches

3. Selectare/editare culoare dorita
4. In interiorul culorii aveti optiunea de a introduce culoarea prin
-Hex color sau
-Imagine efectiva (recomandam imagini de tip .png cu rezolutie 70x70 pixeli)

5. Salvati modificarile, dupa care verificati culorile de pe pagina de produs (interfata utilizator)


Ați primit răspuns la întrebare?