3 replies to this topic

[Damianero]

Dzień dobry, Proszę o informację czy moduł "HTML Box Pro" pozwala na dodanie baneru do strony wybranego produktu? Chciałbym przypisać każdemu produktowi unikalny baner. To jest w przybliżeniu układ, który chciałbym osiągnąć używając domyślnego szablonu Prestashop 1.7: https://mothersprote...kt/ashwagandha/ Z góry dziękuję za odpowiedź

[vekia]

Dzień dobry
tak, moduł html box pro umożliwia wyświetlenie banneru na stronie konkretnie wybranego produktu.
jeżeli baner miałby się wyświetlić tak jak na przykładzie: https://i.imgur.com/oHtSskz.jpeg (pod menu oraz nad opisem produktu) to idealną pozycją do tego celu będzie jedna z poniższych:

• displayTop (umożliwia utworzenie bannera na szerokość tresci strony produktu tj. nie na całą długość ekranu jak na przykładzie który Pan przesłał)
• displayWrapperTop (umożliwia utworzenie banneru na całą szerokość strony, dokładnie tak samo jak na przykładzie)

sugerował bym tę drugą pozycję, za jej pomocą utworzy pan dokładnie to taki sam efekt.
nagrałem video jak wygląda cała procedura: https://drive.google...ew?usp=drivesdk 
wystarczy że wykona Pan dokładnie to samo i efekt będzie identyczny jak na przykładzie

pozdrawiam,
miłosz

[Damianero]

Serdecznie dziękuję za odpowiedź.
Mam jeszcze jedno pytanie:
Czy istnieje rozwiązanie, które umożliwiłoby uwzględnianie podczas
dodawania bitmap w wersji na telefony i ewentualnie tablety?
Mam na myśli następującą sytuację, odwołując się do przesłanego
wcześniej przykładu: dla PC jest to "klasyczna" bitmapa w poziomie,
natomiast dla telefonów jest to wersja tej bitmapy skadrowana jako np.
kwadrat.

Z góry dziękuję za odpowiedź.

[vekia]

są dwa/trzy sposoby na osiągnięcie zamierzonego rezultatu.

Pierwszy 
To funkcja w module pozwalająca budować kod dla urządzenia o wskazanym typie. Chodzi o te opcje ze strony konfiguracyjnej modułu html box pro: https://i.imgur.com/NPlcLpJ.png 
Wykorzystanie tej funkcji sprowadza się do utworzenia trzech niezależnych bloków, osobno dla: komputera, tabletu, komórki
Budując treści dla komputera wstawiamy normalne zdjęcie, dla tableu inne i kwadratowe dla komórki. 

Drugi
To skorzystanie z jednego bloku ale operowanie stylami css, które odpowiednio wykadrują zdjęcie
ten sposób wymaga wiedzy z zakresu korzystania ze styli css na potrzeby urządzeń o różnych wymiarach https://www.w3school...ediaqueries.asp 
krótko mówiąc, tworzymy kod w którym zdjęcie osadzamy jako tło elementu <div> - następnie tworzymy style gdzie tworzymy różne wymiary elementu div w zależności od urządzenia wykorzystanego do przeglądania strony  (np na na komputerze @media only screen and (max-width: 978px) { } inaczej kadrujemy tło elementu <div> oraz nadajemy mu inną wysokość (aby nie był kwadratem).