cześć czy ktoś już was robił kafelkowe menu z odniesieniem do konkretnej kolekcji a nie konkretnego produktu?
W płatnych szablonach sklepu są już wdrożone gotowe rozwiązania, możesz na nie rzucić okiem. Generalnie zaczynasz od wstawienia nowego pustego modułu, w nim grafiki, którą linkujesz do poszczególnych produktów/ sekcji/ kategorii. Później nadajesz temu styl tworząc powiedzmy że tabelę, no i w końcu efekty na grafice. Analogicznie można tworzyć własne struktury menu, niekoniecznie z grafiką. Rzuć okiem na te wyniki wyszukiwania: https://forum.home.pl/search/392208/?q=menu+obrazkowe&o=date
Trochę mi to zajęło ala mam kafelkowe forum - zarys. Możesz spojrzeć na mój kod HTML czy wszystko tak jest ok? - Jak można zmienić wysokość drugiego wiersza - umiem to zrobić oprócz pierwszej ikonki od lewej - tu wysokość jest stała - jak można w krótszy sposób podawać adres do grafik - teraz mam pełen adres http - czy na innych urządzeniach to menu mi się nie rozjedzie? Code: <div class="row"> <div class="Kocyki" style="margin-top: 0px; margin-bottom: 25px;"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/blanket.png" alt="Kocyki" /></a></figure> </div> <!-- ------------------------------------------------ --> <div class="Poduszki" style="position: absolute; left: 297px; top: 0px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/pod.png" alt="Poduszki" /></a></figure> </div> <!-- ------------------------------------------------ --> <div class="Sliniaki" style="position: absolute; left: 594px; top: 0px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/bit.png" alt="Sliniaki" /></a></figure> </div> <!-- ------------------------------------------------ --> <div class="Zabawki" style="position: absolute; left: 891px; top: 0px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/toys.png" alt="Toys" /></a></figure> </div> <!-- druga linia--------------- druga linia ---------------------- druga linia --></div> <div class="Kocyki" style="margin-top: 0px; margin-bottom: 25px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/blanket.png" alt="Kocyki" /></a></figure> </div> <!-- ------------------------------------------------ --> <div class="Poduszki" style="position: absolute; left: 297px; top: 153px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/pod.png" alt="Poduszki" /></a></figure> </div> <!-- ------------------------------------------------ --> <div class="Sliniaki" style="position: absolute; left: 594px; top: 153px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/bit.png" alt="Sliniaki" /></a></figure> </div> <!-- ------------------------------------------------ --> <div class="Zabawki" style="position: absolute; left: 891px; top: 153px;" data-aos="fade-up"> <figure><a href="http://www.google.pl"><img src="/skins/user/rwd_clickshop_2/images/user/toys.png" alt="Toys" /></a></figure> </div>
1. @TheL @Mariusz czy tu nie trzeba by edytować całego stylu row, mam o tym małe pojęcie, 2. Jeśli grafiki będą załadowane w sklepie (Konfiguracja, Wygląd --> Aktywna skórka -- >Pliki graficzne) to podasz je także w postaci /katalog/nazwa_pliku. 3. Nie odpowiem na to pytanie, dobrze by było to po prostu sprawdzić A skąd tabelę brałeś?
NIE NIE NIE kod jest zły Absolutnie nie stosuj absolute tylko relative w stosunku do innych obiektów i nigdy stylu bezpośrednio w kodzie, odwołaj się do klas i dodaj je we własnym stylu. Jutro kończę jedną robotę i postaram się temat ogarnąć
Będę Ci wdzięczny - bo to o czym napisałeś wyżej jest dla mnie czarną magią. Ale trzeba przyznać, że działa - i zrobiłem sam - w 2 godziny
Ty to potrafisz człowieka zmotywować Ja w sobotę też od 15 będę wolny, więc jakbyś miał czas i chęć to wspólnie może coś wymyślimy
Temat jest oznaczony jako "W TRAKCIE". Coś wymyśliliście przy piwie? Dobrnęliście do końca? Z chęcią obejrzałbym efekt finalny i przy okazji czegoś nauczył.