Wprowadzenie.

Z racji, że taka wydawać by się mogło prosta czynność w PrestaShop nastręcza naszym Klientom problemów – postanowiliśmy sporządzić na naszym blogu instrukcję jak to wykonać.

Często w sklepach opartych o PrestaShop mamy możliwość wyboru koloru np. sprzedawanej odzieży lub sprzętu elektronicznego. Może się to odbywać poprzez wybór z pośród dostępnych próbników (krateczki na karcie produktu) lub poprzez listę rozwijaną:

0-dodanie-nowego-koloru-w-prestashop

Problem pojawia się kiedy chcemy jako sprzedawca dodać nowe kolory. Tak na prawdę jest to stosunkowo prosta czynność i nie wymaga żadnych prac programistycznych. Po lekturze tego artykułu nie powinno być to już dla Ciebie problemem 🙂

Zaczynamy!

Gdzie określamy kolory w Presta Shop?

Kolorami sprzedawanych produktów sterują tzw Atrybuty i Grupy Atrybutów. Są to po prostu warianty naszych produktów które klient może wybrać za pomocą wspomnianych wyżej list rozwijanych lub próbników kolorów.

Najpierw dostępne (dla wszystkich produktów w sklepie) kolory musimy zdeklarować w tym miejscu:

1-dodanie-nowego-koloru-w-prestashop

Wchodzimy w grupę atrybutów o nazwie „kolor” (lub innym – w zależności od naszego sklepu) i dodajemy nową wartość:

2-dodanie-nowego-koloru-w-prestashop

Wypełniamy pola:

3-dodanie-nowego-koloru-w-prestashop

Wartość – nazwa koloru
Url – pozostawiamy puste
Meta-tytuł – pozostawiamy puste
Kolor – możemy wybrać najbardziej zbliżony kolor poprzez narzędzie doboru kolorów
Tekstura – możemy wgrać obrazek tekstury z dysku komputera

Zapisujemy.

Czynność powtarzamy z każdym kolorem.

Mam zdeklarowane kolory i co dalej?

Gdy już mamy dodane niezbędne kolory wchodzimy w dany produkt w zapleczu i go edytujemy.

Wchodzimy w zakładkę Kombinacje i aktywujemy Generator Kombinacji (jeśli się pojawi komunikat o utracie danych – potwierdzamy go. Nic poza kombinacjami nie edytowaliśmy wiec.. nie mamy co utracić):

5-dodanie-nowego-koloru-w-prestashop

Wybieramy kolory, które ma mieć ten produkt w lewym panelu z wciśniętym przyciskiem CTRL na klawiaturze naszego komputera:

6-dodanie-nowego-koloru-w-prestashop

Potwierdzamy wybór przyciskiem na dole:

7-dodanie-nowego-koloru-w-prestashop

W prawym panelu pojawią się wybrane kolory:

8-dodanie-nowego-koloru-w-prestashop

Możemy tam określić wpływ na cenę danego koloru np. kolor “groszki” ma podnosić cenę o 10 zł:

9-dodanie-nowego-koloru-w-prestashop

Podobnie możemy postąpić z wagą – waga ma o tyle znaczenie, że może wpływać ona na wybór ceny dostawy (zaawansowane ustawienie w przewoźnikach – progi wagowe). O tym napiszemy w innym artykule na naszym blogu przy następnej okazji 🙂

Nasze kolory potwierdzamy w Generatorze Atrybutów tym przyciskiem “Generuj te kombinacje”:

10-dodanie-nowego-koloru-w-prestashop

Wybieramy domyślny kolor – będzie on zaznaczony po wejściu w produkt:

13-dodanie-nowego-koloru-w-prestashop

Jest on oznaczony na liście niebieskim kolorem jak informuje nas komunikat.

Ilości dla każdego koloru z osobna – dość istotna kwestia.

Musimy ustawić jeszcze ilości produktów dla poszczególnych kolorów:

Edycja produktu -> zakładka Ilości.

Jeśli tego nie zrobimy będziemy widzieli komunikat “Ten produkt nie występuje już w magazynie” na karcie produktu i nie będziemy mogli dodać go do koszyka. Jest to zatem bardzo istotne:

11-dodanie-nowego-koloru-w-prestashop

Gotowe. Klikamy podgląd tego konkretnego produktu aby sprawdzić naszą pracę:

12-dodanie-nowego-koloru-w-prestashop

Warte zaznaczenia jest, że informacja o wybranym kolorze będzie widoczna w zamówieniu, w mailu do klienta oraz wszędzie tam gdzie będą pokazane detale tego zamówienia. Ma to wpływ w kwestiach związanych choćby nawet z tzw. Ustawą Konsumencką czy po prostu w jasnym przekazie dla kupującego.

OK wiem jak dodać kolor – ale jak go usunąć w przyszłości?

Aby usunąć dany kolor należy w Generatorze Atrybutów (jak tam wejść jest podane wyżej) zaznaczyć dany kolor i wcisnąć usuń:

15-dodanie-nowego-koloru-w-prestashop

Następnie analogicznie klikamy “Generuj te kombinacje” i określamy ilości dla kolorów które zostały.

Podsumowanie.

Mechanizm dodawania kolorów tak naprawdę od wersji 1.5. Idea jest podobna także w starszej – 1.4.

Na identycznej zasadzie możemy dodawać nowe rozmiary albo inne parametry określane poprzez Kombinacje Atrybutów.

Atrybuty i Kombinacje Atrybutów to potężne narzędzie w PrestaShop. Możemy np. dzięki nim wpływać na cenę poszczególnych wariantów, podmieniać zdjęcie w zależności np. od koloru, filtrować produkty na listach itp. Więcej informacji na ten temat znajdziesz w osobnej kategorii na naszym blogu poświęconej tylko temu zagadnieniu.

W razie pytań lub niejasności – zapraszamy do komentowania naszego artykułu, to chętnie pomożemy 🙂

Share This:

  1. Kasia says:

    Witam
    Tylko co zrobić jak tych naszych wariantów jest zbyt dużo i mysql nie chce przyjąć takiej ilości. Czy jest jakaś inna możliwość? Może wtyczka do dodawania parametrów bez tworzenia wariantów. Nasze produktu produkowane są z możliwością tworzenia 10 tys wariantów.

    • admin
      admin says:

      Wybacz za późną odpowiedź. Są różne sposoby aby to obejść.

      1) Można inaczej pogrupować produkty w kategoriach aby nie wybierać danej cechy produktu przez dropdown w atrybutach.

      2) Jeśli nie jest to możliwe pod kątem Waszego asortymentu to może być konieczne wykupienie serwera VPS z odpowiednio dużą ilością pamięci RAM.

      3) można grupy atrybutów wygenerować na serwerze testowym gdzie jest dużo RAM (można serwerowi Apache przydzielić tyle pamięci iloma dysponuje maszyna) następnie taką bazę danych wgrać na docelowy. Oczywiście to rozwiązanie nie sprawdzi się jeśli w przyszłości zajdzie potrzeba przebudowania grup atrybutów bo trzeba będzie operację powtórzyć.

      Ile grup atrybutów ma Wasz sklep i ile znajduje się w każdej z tych grup opcji do wyboru?

  2. Włodek says:

    Dzień dobry,
    czy można dodać możliwość wyboru dwóch kolorów dla jednego produktu? Po dopisaniu drugiego atrybutu jest on widoczny w panelu administracyjnym ale na stronie sklepu już nie. Tak jak tu: http://zafu-sklep.pl/zestawy-do-medytacji/115-zestaw-do-medytacji-2-x-poduszka-zafu-puf-rozmiar-xxl.html
    W wersji prestashop 1.4 było to widoczne: http://jojoga.pl/medytacja/244-zestaw-do-medytacji-2-x-poduszka-zafu-puf-rozmiar-xxl.html tylko wybór klienta dotyczący drugiego koloru nie jest pokazywany w panelu administracyjnym.
    Będę wdzięczny za radę

    • admin
      admin says:

      A dodajesz dodatkowy kolor dla tego produktu poprzez generator atrybutów w tym konkretnym produkcie? Jest on widoczny pod wyszczególnionym linkiem w zakładce atrybuty przy edycji produktu. Ogólnie powinieneś zrobić 2 osobne grupy atrybutów dla jednego i drugiego koloru (katalog > atrybuty) następnie je tam przypisać właśnie w generatorze.

      • Włodek says:

        Dzięki za szybką odpowiedź. Zrobiłem dwa osobne atrybuty: 1. kolor I poduszki i 2. kolor II poduszki ale kombinacje dodawałem ręcznie czyli poprzez dodanie nowej kombinacji. Spróbuję zrobić to przy użyciu generatora.

    • admin
      admin says:

      Niestety raczej to nie będzie możliwe w oparciu o podstawowe funkcje Presta Shop. Atrybuty koloru zmieniają tylko wariant danego produktu bez przekierowania na inny produkt. Jednak możesz uwarunkować zmianę zdjęcia wraz ze zmianą koloru. Jednak w obrębie danego produktu.

      • Czarna says:

        Dziękuję za odpowiedź 🙂 Czyli będzie potrzebna do tego jakaś wtyczka? (jaka?) – zależy mi na takiej magii 😉 no, chyba, że to coś, co było specjalnie robione dla tego sklepu.

  3. Przemek says:

    Witam, zauważyłem że w szablonie podstawowym presta 1.7 (w produktach które dodają się wraz z instalacją presty) do każdego koloru przypisane jest zdjęcie w odpowiednim kolorze ale nie umiem tego rozgryźć jak to ustawić aby moje produkty też zmieniały zdjęcia po zmianie koloru. Może wiesz jak to zrobić?

    • admin
      admin says:

      Próbowałeś generatorem kombinacji następnie ręczną edycją wybranych kombinacji? Czy w 1.6 udało Ci się to zrobić, a problem występuje tylko w 1.7?

Zostaw komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *