Dlaczego powiniene\u015b da\u0107 swoim klientom opcj\u0119 dostosowywania produktu?<\/strong><\/p>\n Je\u015bli zastanawiasz si\u0119, dlaczego dostosowywanie produktu? Oto dlaczego poprawi\u0142oby to Tw\u00f3j sklep internetowy.<\/p>\n Przed rozpocz\u0119ciem procesu instalacji musisz kupi\u0107 Opencart Product Designer \/ Customizer w sklepie Knowband. Po zakupie otrzymasz nast\u0119puj\u0105ce pliki na sw\u00f3j zarejestrowany adres e-mail. 1. Kod \u017ar\u00f3d\u0142owy modu\u0142u dostosowywania produktu Opencart w formacie pliku zip. 2. Instrukcja obs\u0142ugi niestandardowego rozszerzenia projektanta produktu Opencart. Teraz, aby zainstalowa\u0107 to niestandardowe rozszerzenie projektanta produkt\u00f3w Opencart w swoim sklepie internetowym, wykonaj nast\u0119puj\u0105ce kroki:<\/p>\n Krok 1:<\/strong> Rozpakuj plik zip. Otrzymasz foldery, jak pokazano na poni\u017cszym obrazku<\/p>\n Aby skonfigurowa\u0107 rozszerzenie Product Designer\/Customizer dla OpenCart, przejd\u017a do ustawie\u0144 w nast\u0119puj\u0105cej kolejno\u015bci: Interfejs administratora rozszerzenia OpenCart Product Designer\/Customizer zawiera nast\u0119puj\u0105ce g\u0142\u00f3wne ustawienia:<\/p>\n Jak dostosowa\u0107 produkt?<\/strong><\/p>\n Aby dostosowa\u0107 produkt, post\u0119puj zgodnie z nast\u0119puj\u0105c\u0105 \u015bcie\u017ck\u0105: Dzi\u0119ki temu ustawieniu modu\u0142u Opencart Custom Product Design u\u017cytkownik mo\u017ce w\u0142\u0105czy\u0107 \/ wy\u0142\u0105czy\u0107 ca\u0142y modu\u0142 i wprowadzi\u0107 zmiany w dostosowywaniu produktu.<\/p>\n To ustawienie modu\u0142u rozszerzonego dostosowywania produktu Opencart pozwala administratorowi decydowa\u0107 o sta\u0142ej cenie dla ka\u017cdego dostosowania, kt\u00f3re nale\u017cy doda\u0107 do produktu. Ekran tego samego b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Dzi\u0119ki temu ustawieniu modu\u0142u Opencart Custom Product Design administrator mo\u017ce kontrolowa\u0107 opcj\u0119 Tekst w Dostosowaniu. Ekran tej opcji b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Strony Ustawienie niestandardowego modu\u0142u rozszerzenia projektanta produktu Opencart pozwala administratorowi doda\u0107 obraz r\u00f3\u017cnych stron produktu, aby u\u017cytkownik m\u00f3g\u0142 dostosowa\u0107 produkt z dowolnej strony. Administrator mo\u017ce r\u00f3wnie\u017c nazwa\u0107 dodane strony. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano:<\/p>\n Jak skonfigurowa\u0107 czcionki, kolory i grupy obraz\u00f3w?<\/strong><\/p>\n Podczas zmiany ustawie\u0144 dostosowywania produktu w prawym g\u00f3rnym rogu ekranu znajdziesz opcje wyboru r\u00f3\u017cnych czcionek, kolor\u00f3w i grup obraz\u00f3w. Znajdziesz trzy opcje, takie jak:<\/p>\n 1. Skonfiguruj czcionki<\/strong><\/p>\n Wszystkie czcionki dodane z modu\u0142u s\u0105 wymienione w tym interfejsie. Mo\u017cesz bezpo\u015brednio w\u0142\u0105czy\u0107 lub wy\u0142\u0105czy\u0107 dowoln\u0105 czcionk\u0119.<\/p>\n Wszystkie kolory, kt\u00f3re zosta\u0142y dodane za pomoc\u0105 modu\u0142u, s\u0105 wymienione w tym interfejsie. Mo\u017cesz bezpo\u015brednio w\u0142\u0105czy\u0107 lub wy\u0142\u0105czy\u0107 dowolny kolor.<\/p>\n 3. Skonfiguruj grupy obraz\u00f3w<\/strong><\/p>\n Ta opcja jest podana w panelu administracyjnym niestandardowego rozszerzenia projektanta produktu OpenCart, administrator mo\u017ce w\u0142\u0105czy\u0107 \/ wy\u0142\u0105czy\u0107 ca\u0142y modu\u0142 z tego ustawienia. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Dzi\u0119ki temu ustawieniu modu\u0142u rozszerzonego dostosowywania produktu OpenCart administrator mo\u017ce doda\u0107 now\u0105 czcionk\u0119 w systemie, a tak\u017ce edytowa\u0107 istniej\u0105c\u0105. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Edytuj czcionk\u0119:<\/strong> Mo\u017cesz edytowa\u0107 istniej\u0105cy zestaw czcionek za pomoc\u0105 opcji Edytuj. Ekrany edycji czcionki b\u0119d\u0105 takie same jak dodawanie czcionki. Jedyn\u0105 r\u00f3\u017cnic\u0105 b\u0119dzie to, \u017ce Edycja b\u0119dzie mia\u0142a ju\u017c wype\u0142nione pola.<\/p>\n Usu\u0144 czcionk\u0119:<\/strong> Mo\u017cesz usun\u0105\u0107 czcionk\u0119, klikaj\u0105c ikon\u0119 \u201eKosz\u201d. Pojawi si\u0119 wyskakuj\u0105ce okienko z pro\u015bb\u0105 o potwierdzenie. Mo\u017cesz klikn\u0105\u0107 tak, a czcionka zostanie usuni\u0119ta.<\/p>\n Dodaj czcionk\u0119:<\/strong> Mo\u017cesz doda\u0107 czcionk\u0119 w module OpenCart Extended Product Customization, klikaj\u0105c ikon\u0119 \u201e+\u201d podan\u0105 u g\u00f3ry strony. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Dzi\u0119ki temu ustawieniu modu\u0142u rozszerzonego dostosowywania produktu OpenCart administrator mo\u017ce doda\u0107 nowy kolor w systemie, a tak\u017ce edytowa\u0107 istniej\u0105cy. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Usu\u0144 kolor:<\/strong> Mo\u017cesz usun\u0105\u0107 kolor, klikaj\u0105c ikon\u0119 \u201eKosz\u201d. Pojawi si\u0119 wyskakuj\u0105ce okienko z pro\u015bb\u0105 o potwierdzenie. Mo\u017cesz klikn\u0105\u0107 tak, a czcionka zostanie usuni\u0119ta.<\/p>\n Dodaj kolor:<\/strong> Mo\u017cesz doda\u0107 kolor w module rozszerzonej personalizacji produktu OpenCart, klikaj\u0105c ikon\u0119 \u201e+\u201d podan\u0105 u g\u00f3ry strony. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Ustawienia grupy obraz\u00f3w modu\u0142u rozszerzonego dostosowywania produktu OpenCart pozwalaj\u0105 administratorowi doda\u0107 grup\u0119 obraz\u00f3w, aby zaoferowa\u0107 swoim klientom dostosowywanie produktu. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Edytuj grup\u0119 obraz\u00f3w:<\/strong> Mo\u017cesz edytowa\u0107 istniej\u0105cy zestaw grup obraz\u00f3w za pomoc\u0105 opcji Edytuj. Ekrany edycji grupy obraz\u00f3w b\u0119d\u0105 takie same jak dodawanie koloru. Jedyn\u0105 r\u00f3\u017cnic\u0105 b\u0119dzie to, \u017ce Edycja b\u0119dzie mia\u0142a ju\u017c wype\u0142nione pola.<\/p>\n Usu\u0144 grup\u0119 obraz\u00f3w:<\/strong> Mo\u017cesz usun\u0105\u0107 grup\u0119 obraz\u00f3w, klikaj\u0105c ikon\u0119 \u201eKosz\u201d. Pojawi si\u0119 wyskakuj\u0105ce okienko z pro\u015bb\u0105 o potwierdzenie. Mo\u017cesz klikn\u0105\u0107 tak, a czcionka zostanie usuni\u0119ta.<\/p>\n Dodaj grup\u0119 obraz\u00f3w:<\/strong> Mo\u017cesz doda\u0107 grup\u0119 obraz\u00f3w w module rozszerzonego dostosowywania produktu OpenCart, klikaj\u0105c ikon\u0119 \u201e+\u201d podan\u0105 u g\u00f3ry strony. Ekran b\u0119dzie wygl\u0105da\u0142 tak, jak pokazano poni\u017cej:<\/p>\n Podgl\u0105d grupy obraz\u00f3w:<\/strong>\ufffdMo\u017cesz wy\u015bwietli\u0107 wszystkie obrazy w grupie, klikaj\u0105c ikon\u0119 \u201eOko\u201d odpowiadaj\u0105c\u0105 okre\u015blonej grupie. Wy\u015bwietli si\u0119 poni\u017cszy ekran:<\/p>\n Za\u0142aduj obrazek:<\/strong> Ta opcja umo\u017cliwia przegl\u0105danie \u017c\u0105danego obrazu z lokalnego komputera i przesy\u0142anie go tutaj.<\/p>\n Cena:<\/strong> Ta opcja okre\u015bla cen\u0119 wybranego obrazu.<\/p>\n Aktywny:<\/strong> Ta opcja w\u0142\u0105cza lub wy\u0142\u0105cza obraz dla wybranej grupy. Ustaw na TAK lub NIE. Podobnie mo\u017cesz klikn\u0105\u0107 przycisk Edytuj odpowiadaj\u0105cy obrazowi. Opcje b\u0119d\u0105 takie same, jedyn\u0105 r\u00f3\u017cnic\u0105 jest to, \u017ce pola zostan\u0105 wype\u0142nione, jak pokazano na poni\u017cszym obrazku.<\/p>\n Je\u015bli modu\u0142 Opencart Product Designer\/Customizer jest w\u0142\u0105czony, na stronie produktu zostanie wy\u015bwietlony przycisk \u201eDostosuj\u201d, jak pokazano poni\u017cej.<\/p>\n Po klikni\u0119ciu przycisku Dostosuj, klientowi zostanie wy\u015bwietlone wyskakuj\u0105ce okienko, kt\u00f3re b\u0119dzie sk\u0142ada\u0142o si\u0119 z r\u00f3\u017cnych projekt\u00f3w produktu i ustawie\u0144 dostosowywania. Klienci mog\u0105 doda\u0107 dowolny kolor, niestandardowy tekst, niestandardowy obraz lub kod QR dla produktu zgodnie z wymaganiami dotycz\u0105cymi zakup\u00f3w.<\/p>\n Klienci mog\u0105 dokonywa\u0107 r\u00f3\u017cnego rodzaju dostosowa\u0144, takich jak:<\/p>\n 1. Kolor<\/strong><\/p>\n <\/p>\n 2. Wizerunek<\/strong><\/p>\n Klienci mog\u0105 wybra\u0107 wybrany przez siebie obraz z dostarczonych opcji grupy obraz\u00f3w.<\/p>\n Mog\u0105 przesy\u0142a\u0107 i drukowa\u0107 dowolny inny wybrany przez siebie obraz z przestrzeni lokalnej.<\/p>\n Mog\u0105 nawet wydrukowa\u0107 kod QR dla ukrytego tekstu lub linku do strony internetowej.<\/p>\n <\/p>\n 3. Tekst<\/strong><\/p>\n Na ekranie pojawi si\u0119 pole wyboru koszt\u00f3w. Kliknij OK, aby potwierdzi\u0107.<\/p>\n Strona podsumowania koszyka dla spersonalizowanego produktu<\/strong><\/p>\n Poni\u017cszy obraz frontendu pokazuje, jak niestandardowy produkt wy\u015bwietla si\u0119 na stronie koszyka z r\u00f3\u017cnymi opcjami dla klient\u00f3w po klikni\u0119ciu przycisku \u201eZapisz dostosowanie\u201d.<\/p>\n Administrator mo\u017ce przegl\u0105da\u0107 faktur\u0119 zam\u00f3wienia i ca\u0142\u0105 konfiguracj\u0119 dotycz\u0105c\u0105 dostosowywania produktu z zaplecza. Szczeg\u00f3\u0142y zam\u00f3wienia mo\u017cna wy\u015bwietli\u0107 w sekcji Zam\u00f3wienia w Panelu administracyjnym.<\/p>\n Po klikni\u0119ciu zdj\u0119\u0107 produktu administrator zobaczy pe\u0142ne szczeg\u00f3\u0142y spersonalizowanego produktu w postaci wyskakuj\u0105cego ekranu, jak pokazano poni\u017cej.<\/p>\n![\"picture1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture1-1.png\")
<\/a>
\n2.0 Podr\u0119cznik instalacji<\/h2>\n<\/a>
\nKrok 2:<\/strong> Skopiuj wszystkie foldery pliku zip w katalogu g\u0142\u00f3wnym konfiguracji OpenCart za pomoc\u0105 mened\u017cera FTP. Tak wi\u0119c modu\u0142 Opencart Custom Product Design zosta\u0142 pomy\u015blnie zainstalowany i jest gotowy do u\u017cycia w Twoim sklepie. Przejd\u017a do menu administratora i kliknij rozszerzenia. Wybierz typ rozszerzenia jako modu\u0142y. Znajdziesz list\u0119 modu\u0142\u00f3w. Wybierz projektanta\/dostosowuj\u0105cego produkt Opencart.<\/p>\nInterfejs administracyjny 3.0 programu Opencart Product Designer Customizer<\/h2>\n
\nPanel administracyjny > Rozszerzenia > Modu\u0142y > Projektant produkt\u00f3w\/Dostosowywanie<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
\nKatalog>> Produkty>> Wybierz produkt>> Edytuj>> Product Designer\/Customizer<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nPo klikni\u0119ciu przez U\u017cytkownika Projektanta\/Dostosowania produktu, U\u017cytkownik b\u0119dzie mia\u0142 nast\u0119puj\u0105ce opcje w module Opencart Extended Product Customization:<\/p>\nKonfiguracja 3.0.1<\/h3>\n
<\/a><\/p>\nCena 3.0.2<\/h3>\n
<\/a>
\n3.0.3 Tekst<\/h3>\n<\/a><\/p>\nBoki 3.0.4<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a>
\n2. Skonfiguruj kolory<\/strong><\/p>\n<\/a><\/p>\n<\/a>
\nWszystkie dodane grupy obraz\u00f3w s\u0105 wymienione w tym interfejsie. Mo\u017cesz bezpo\u015brednio w\u0142\u0105czy\u0107 lub wy\u0142\u0105czy\u0107 dowoln\u0105 grup\u0119 obraz\u00f3w. Po klikni\u0119ciu przycisku \u201eWy\u015bwietl obrazy\u201d zobaczysz nast\u0119puj\u0105cy ekran.<\/p>\n<\/a><\/p>\n3.0.5 Konfiguracja<\/h3>\n
<\/a>
\n3.0.6 Czcionki<\/h3>\n<\/a><\/p>\n
\n<\/a> <\/a><\/p>\n3.0.7 Kolory<\/h3>\n
<\/a>
\nEdytuj kolor:<\/strong> Mo\u017cesz edytowa\u0107 istniej\u0105cy zestaw kolor\u00f3w za pomoc\u0105 opcji Edytuj. Ekrany edycji koloru b\u0119d\u0105 takie same jak dodawanie koloru. Jedyn\u0105 r\u00f3\u017cnic\u0105 b\u0119dzie to, \u017ce Edycja b\u0119dzie mia\u0142a ju\u017c wype\u0142nione pola.<\/p>\n<\/a>
\n3.0.8 Grupa obraz\u00f3w<\/h3>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nTutaj mo\u017cesz doda\u0107 nowy obraz do grupy, edytowa\u0107\/usun\u0105\u0107 istniej\u0105cy obraz. Po klikni\u0119ciu przycisku Dodaj zobaczysz nast\u0119puj\u0105ce opcje, jak pokazano poni\u017cej:<\/p>\n<\/a><\/p>\n<\/a>
\nUsuni\u0119cie obrazu jest proste. Wystarczy klikn\u0105\u0107 ikon\u0119 \u201eKosz\u201d odpowiadaj\u0105c\u0105 obrazowi.<\/p>\n4.0 Przedni interfejs modu\u0142u konfiguracyjnego projektanta produktu Opencart<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nKlient mo\u017ce zapisa\u0107 wszystkie dostosowania swojego produktu, klikaj\u0105c przycisk Zapisz, jak pokazano poni\u017cej.<\/p>\n<\/a><\/p>\n<\/a>
\nPodobnie te dostosowania maj\u0105 zastosowanie do innych produkt\u00f3w sklepu, takich jak etui na kubki i telefony.<\/p>\n<\/a>
\nKlient mo\u017ce wy\u015bwietli\u0107 faktur\u0119 za ten dostosowany produkt, jak pokazano poni\u017cej.<\/p>\n<\/a>
\nZam\u00f3w widok z panelu administracyjnego<\/strong><\/p>\n<\/a>
\nPo klikni\u0119ciu przycisku Widok odpowiadaj\u0105cego produktowi administrator mo\u017ce sprawdzi\u0107 pe\u0142ne szczeg\u00f3\u0142y zam\u00f3wienia produktu niestandardowego.<\/p>\n<\/a><\/p>\n
![\n<\/a>](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture19-1.png\"){kind=link}