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

ROZWIĄZANE Zmiana układu strony - 2 kolumny z modułami po jednej stronie

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika Grzesiek, 27 Październik 2015.

  1. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Może komuś się przyda taka edycja.

    Standardowo w Szablonie RWD, ustawiona jest jedna kolumna z modułami, po lewej stronie.
    Możemy aktywować dodatkową, drugą po prawej stronie, lub po prostu stosować je zamiennie.
    Możemy też aktywować 2 kolumny po jednej stronie, mi udało się to przenieść na prawą stronę sklepu.

    Konfiguracja --> Wygląd --> Aktywny styl graficzny --> Moduły
    Aktywujemy prawą kolumnę dodając do niej moduły, mamy w ten sposób aktywne 2 kolumny, lewa i prawa.

    sklep2.png

    Przechodzimy do Konfiguracja --> Wygląd --> Aktywny styl graficzny --> Własny styl CSS i dodajemy kod:


    Kod:
    .s-row .s-grid-3 {
    float: right;}
    
    sklep1.png
     
    zapachciszy i Mariusz lubią to.
  2. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Podobnie będzie jeśli chcemy mieć to po lewej stronie :)

    Kod:
    .s-row .s-grid-3 {
    float: left;}
     
    Last edited by a moderator: 27 Październik 2015
    zapachciszy lubi to.
  3. zapachciszy

    zapachciszy Praktyk

    Wiadomości:
    32
    Docenione treści:
    1
    ŚWIETNA robota Panowie :)
     
  4. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    @TheL a może Tobie się uda, bo niestety nie przeskoczyłem tego.

    Gdy dodamy kod (uzupełnimy powyższy) o szerokość:

    Kod:
    .s-row .s-grid-3{
    width: 220px;}
    Kolumna z produktami zachowuje się całkiem ładnie, ale same produkty nie justują się tylko są na sztywno wpisane. Odległości miedzy nimi. Podobny problem w którym Cię oznaczyłem, miałem gdy chciałem wprowadzić 4 zamiast 3 produktów polecanych (slajder) można to przesunąć ale jest problem z na sztywno zdefiniowanymi odległościami.

    Lepiej pokażą to screeny:

    sklep3.png

    sklep4.png
     
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Za kawałek na to popatrzę, daj mi na pw dane logowanie bo moje nie działają :)
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    @Grzesiek wystarczy dodać:
    Kod:
    .products viewphot s-row (
    width:100%;
    )
    
    i produkty są już na całą szerokość :)
     
    Grzesiek lubi to.

Poleć forum znajomym