Produkt w sklepie internetowym może posiadać nazwę producenta , która automatycznie będzie wyświetlana w danym miejscu na karcie produktowej. Nazwa producenta może się pojawić w formie tekstowej lub w formie graficznej. Nazwa producenta posiada automatyczny odnośnik z możliwością wyświetlenia wszystkich produktów danego producenta. Przedstawię możliwość dodania producenta dla produktów w sklepie internetowym KQS oraz usunięcie lub pozostawienie odnośnika do pozostałych produktów danego producenta.
Producent jest kolejną opcją w głównych działach sklepu. Aby dodać nazwy producentów należy wejść w:
Główne działy / Producenci
Pojawi się tam możliwość dodania nowych nazw producentów. Aby dodać nową firmę należy wpisać jej nazwę w polu do tego przeznaczonym. W celu dodania większej ilości producentów należy je wprowadzić w nowych liniach.
Oprócz nazwy producenta oraz jego logotypu, można wprowadzić opis producenta w formie wizytówki. Opis ten pojawi się klientowi który wyszukuje produkty danego producenta ( nad listą produktów ). Opis można wprowadzić jako kod html – nie ma możliwości formatowania tekstu jak w przypadku opisu produktu.
Po dodaniu producentów , automatycznie pojawi się lista wpisanych nazw w miejscu dodawania nowego produktu :
Asortyment / Produkty – dodać nowy produkt
i po prawej stronie w polu “Producent” wybrać z listy danego producenta.
Standardowo nazwa producenta wyświetlana jest w kilku miejscach w sklepie :
– na karcie produktowej oraz w jego produktach pokrewnych i zakupionych razem z tym produktem ,
– na stronie głównej w działach ( Promocje , Najnowsze propozycje ) przy wyświetlanych produktach,
– w trybach wyświetlania ( tryb 1, tryb 2 , tryb 3 ) po wejściu w daną kategorię
– w wynikach wyszukiwania przy wyświetlanych produktach ( w trybie 1,2,3 )
– i wszystkich pochodnych podstronach korzystających w wyświetlania produktów w trybie 1,2,3 ( promocje, nowości, przechowalnia )
Kolor odnośnika producenta będzie standardowy, aby go zmienić należy dopisać swoją klasę w kilku miejscach w szablonie graficznym.
Postać kodu dla wyświetlania producenta :
<div style=”margin: 5″>{JEZYK_PRODUCENT}: <a href=”{ODNOSNIK_PRODUCENT}”>{NAZWA_FIRMY}</a></div>
jak widać powyżej, do znacznika <a href=”….”> nie jest dopisana żadna klasa. Więc trzeba ją dopisać np. link-producent
<div style=”margin: 5″>{JEZYK_PRODUCENT}: <a href=”{ODNOSNIK_PRODUCENT}”>{NAZWA_FIRMY}</a></div>
a do pliku styli css dopisujemy :
A.link-producent:Visited {color: #000000; }
A.link-producent:Link {color: #000000; }
A.link-producent:Hover {color: #000000; }
gdzie color: #000000; – to kolor odnośnika ( odwiedzonego, wyświetlanego i wyświetlanego po najechaniu kursorem myszki )
Oczywiście do styli można dopisać jeszcze więcej atrybutów definiujących tekst ( wielkość, rodzaj, grubość ).
Zapisany plik stylów wędruje na serwer, a kolejnym krokiem będzie dopisanie klasy do poszczególnych elementów w szablonie graficznym.
Są to miejsca :
Szablon graficzny / Strona główna / Strona Główna – Najnowsze Propozycje – Produkt – Producent
Szablon graficzny / Strona główna / Strona Główna – Promocje – Produkt – Producent
Szablon graficzny / Promocje / Promocje – Produkt – Producent
Szablon graficzny / Nowości / Nowości – Produkt – Producent
Szablon graficzny / Katalog produktów / Katalog – Produkt – Producent
Szablon graficzny / Wyszukiwarka / Wyszukiwarka – Produkt – Producent
Szablon graficzny / Przechowalnia / Przechowalnia – Produkt – Producent
Szablon graficzny / Strona produktu / Strona Produktu – Producent
Szablon graficzny / Strona produktu / Strona Produktu – Zakupione Razem – Produkt – Producent
Szablon graficzny / Strona produktu / Strona Produktu – Produkty Pokrewne – Produkt – Producent
We wszystkie powyższe miejsca wklejamy nasz kod html z dopisaną klasą odnośnika :
<div style=”margin: 5″>{JEZYK_PRODUCENT}: <a href=”{ODNOSNIK_PRODUCENT}”>{NAZWA_FIRMY}</a></div>
Jeśli postać odnośnika w formie tekstowej nam nie odpowiada, możemy go zrobić w formie pliku graficznego z logo producenta.
W tym wypadku należy trzymać się wskazówek :
– nazwa producenta powinna być zawsze taka sama jak plik graficzny z logo ( duże i małe litery tez są ważne )
– nie używać polskich znaków do nazw producentów ( oraz nazw plików graficznych z logo )
– zachować podobne rozmiary miniaturki z logo producenta ( np. 100 x 50 px )
– pliki graficzne muszą być zawsze tego samego rozszerzenia np. .jpg
– pliki graficzne należy umieszczać w tym samym katalogu lub podkatalogu na serwerze ftp
Aby przerobić link tekstowy na plik graficzny, trzeba użyć kodu :
<div style=”margin: 5″>{JEZYK_PRODUCENT}: <a href=”{ODNOSNIK_PRODUCENT}” ><img src=”producenci/{NAZWA_FIRMY}.jpg” title=”{NAZWA_FIRMY}” border=”0″>{NAZWA_FIRMY}</a></div>
gdzie :
producenci/{NAZWA_FIRMY}.jpg
to nazwa katalogu na serwerze ftp / nazwa firmy / rozszerzenie pliku.
Jak widać , nazwa pliku graficznego musi być stricte nazwą producenta by prawidłowo wyświetliło się to w sklepie.
Na miniaturki logotypów najlepiej utworzyć sobie katalog lub podkatalog na serwerze, by trzymać je w jednym miejscu.
Kod html z utworzoną deklaracją do wyświetlania pliku graficznego zamiast nazwy tekstowej producenta, należy umieścić w miejscach szablonu graficznego w którym dopisywaliśmy klasy ( oczywiście można zamiennie stosować formę tekstowa oraz graficzną ).
Można także stosować dwie formy jednocześnie gdzie będzie się wyświetlać link tekstowy oraz link graficzny ( lub bez formy odnośnikowej usuwając znacznik <a href=”….> …. </a> przy deklaracji obrazka. )
To jeszcze nie wszystko na temat producentów, czyli działu któremu poświęciłem ten artykuł. Producent jako link, grafika – to już jest, ale w sklepie KQS mamy możliwość umieszczenia boxu z listą producentów ( lista rozwijalna ). Taką listę można włączyć w dziale :
Ustawienia / Konfiguracja / Położenie elementów na stronie głównej
przypisując miejsce i kolejność wyświetlania .
Box ten, można pokolorować swoimi stylami w dziale
Szablon graficzny / Elementy menu / Menu Producent
gdzie dopisujemy własne style do pliku css ( do istniejących klas ), lub dopisujemy nowe własne klasy.