1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

W TRAKCIE kafelkowe menu

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika manky.pl, 2 Październik 2017.

  1. manky.pl

    manky.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1
    cześć
    czy ktoś już was robił kafelkowe menu z odniesieniem do konkretnej kolekcji a nie konkretnego produktu?
     

    Załączone pliki:

    • kafe.png
      kafe.png
      Rozmiar pliku:
      1,1 MB
      Wyświetleń:
      670
  2. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    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
     
  3. manky.pl

    manky.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1
    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?

    Kod:
    <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>
     
    Last edited by a moderator: 6 Październik 2017
  4. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    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ś?
     
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    NIE NIE NIE :D kod jest zły :D 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ąć :)
     
    manky.pl lubi to.
  6. manky.pl

    manky.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1
    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 :cool:
     
  7. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    owszem działa, ale nie tak jak powinno :D
     
  8. manky.pl

    manky.pl Stały bywalec

    Wiadomości:
    43
    Docenione treści:
    1
    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 :)
     
  9. Trzy Marchewki

    Trzy Marchewki Użytkownik

    Wiadomości:
    58
    Docenione treści:
    9
    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ł.
     

Poleć forum znajomym