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.

producent kqsOpró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.

Dodaj komentarz