Skocz do zawartości


Jest to forum z publiczną pomocą do modułu html box pro. Wtyczka pozwala na dodawanie własnej treści we wszystkich dostępnych pozycjach w sklepie (hookach) w tym tych, które są niestandardowe. Moduł posiada szereg opcji które pozwalają doprecyzować co i gdzie będzie się pokazywać. To najbardziej zaawansowany moduł do tworzenia własnej tresci w PrestaShop
Zdjęcie

Unikalny baner na stronach produktów

baner produkty

  • Proszę się zalogować aby odpowiedzieć
3 odpowiedzi na ten temat

#1 Damianero

Damianero

    Newbie

  • Members
  • Pip
  • 3 postów

Napisany 09 September 2021 - 11:01 PM

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ź



#2 vekia

vekia

    Advanced Member

  • Members
  • PipPipPip
  • 206 postów

Napisany 09 September 2021 - 11:01 PM

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



#3 Damianero

Damianero

    Newbie

  • Members
  • Pip
  • 3 postów

Napisany 10 September 2021 - 10:26 AM

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ź.



#4 vekia

vekia

    Advanced Member

  • Members
  • PipPipPip
  • 206 postów

Napisany 10 September 2021 - 10:27 AM

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).







Także otagowane jednym lub więcej z tych słów kluczowych: baner, produkty

1 użytkowników czyta ten temat

0 użytkowników, 1 gości, 0 anonimowych użytkowników