Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: maydayone w Styczeń 04, 2010, 03:04:11 pm

Tytuł: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: maydayone w Styczeń 04, 2010, 03:04:11 pm

Witam,
jestem nowy na forum przeszukałem już całe forum i nie mogę znaleźć tego co szukam a mianowicie na stronie produktów, produkty wyświetlane są jedno pod drugim a chciałbym żeby były obok siebie dwa produkty i kolejna linijka i dwa produkty i tak dalej. coś na wzór polecanych produktów na stronie głównej.
Wie ktoś jak to zrobić?

Pozdrawiam

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: spider813 w Styczeń 11, 2010, 11:41:25 am

Witam. 

     To pytanie mnie też nurtuje od bardzo dawna i wiem jak to teoretycznie zrobić.
  Przede wszystkim musisz znaleźć odpowiedni plik *.tpl odpowiedzialny za wyświetlanie produktów i zaczynasz kombinacje w pliku global.css tylko musisz wiedzieć jaki styl edytować. Zmieniasz wielkość bloków i usówasz float który odpowiada za ułożenie elemetów od której strony do której ma być. Zmieniasz o ile dobrze się nie mylę w global.css  "a" wartosci pola odpowiedzialnego za opis i dajesz go pod zdjęciem i gra :).

Wiem że ta odpowiedź jest taka ogólnikowa ale niestety nie mam na razie czasu na konkretne odpowiedzi. Sam szukam informacji na pewien temat.

Pozdrawiam
spider813

P.S. Gdyby coś jak znajdę czas to napisze jak to zrobić konkretnie.

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: maydayone w Styczeń 14, 2010, 01:01:31 am

 ;D udało się to zrobić. Jutro napiszę jak to zrobiłem i wstawię kawałek kodu ;D dzisiaj jest już trochę późno i ledwo na oczy widzę. pozdro

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: lof w Styczeń 19, 2010, 11:16:34 pm

width konkrenty + float:left :)

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: xirus w Styczeń 26, 2010, 05:07:00 pm

i co prześle ktoś ten kod jak to wygląda, tez mnie strasznie interesuje takie wyświetlanie

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: lof w Styczeń 26, 2010, 11:02:21 pm

no w global.css mozesz sobie to ustawić :)

firebuga sobie zainstaluj i bedziesz wszystko miał :)

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: xirus w Styczeń 29, 2010, 02:08:29 am

z tego co widzę muszę edytować center_block, robie tak jak piszesz i nic się nie zmienia



kawałek z CSS'a


ul#product_list li p.product_desc{ font-size:0.92em; }
ul#product_list li div.center_block{
   float:left;
   width:74%;
}
ul#product_list li div.right_block{
   float:left;
   width: 11em;
   text-align:right;
   margin-left:1em;
   margin-top:1.5em;
}
ul#product_list li .discount{
   color:#da0f00;
   text-transform:uppercase;
   font-weight:bold;
   display: block;
}
ul#product_list li .on_sale{
   color:#da0f00;
   text-transform:uppercase;
   font-weight:bold;
   display: block;
}
ul#product_list li .reduction {
   display: block;
   margin-bottom: 0.3em;
}
ul#product_list li .price{
   display: block;
   font-size: 170%;
   margin-bottom: 0.2em;
}
ul#product_list li span.availability{
   color:#488c40;
   font-size:0.9em;
}
ul#product_list li a.button{ margin-top:0.5em; }

Tytuł: Odp: Jak zrobić produkty obok siebie?
Wiadomość wysłana przez: pogo84 w Luty 09, 2011, 06:24:04 pm

hej, znalazłem rozwiązanie na tej stronie

http://www.freeprestashopmodules.com/2009/06/30/change-sub-categories-to-grid-view/

:)