wdrożenia PrestaShop Powiększenie zdjęć moduł

Jak zrobić produkty obok siebie?

  • 7 Odpowiedzi
  • 5659 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline maydayone

  • Nowy
  • *
  • 3
  • 0
Jak zrobić produkty obok siebie?
« dnia: 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

*

Offline spider813

  • Użytkownik
  • **
  • 25
  • 0
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #1 dnia: 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.

*

Offline maydayone

  • Nowy
  • *
  • 3
  • 0
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #2 dnia: 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

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #3 dnia: Styczeń 19, 2010, 11:16:34 pm »
width konkrenty + float:left :)
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline xirus

  • Użytkownik
  • **
  • 44
  • 0
    • X13.pl
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #4 dnia: 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
Zapraszamy po moduły, integrację jak i sklepy PrestaShop

*

Offline lof

  • Mieszkaniec
  • *****
  • 748
  • 1
    • moduły, szablony, integracje do prestashop!
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #5 dnia: Styczeń 26, 2010, 11:02:21 pm »
no w global.css mozesz sobie to ustawić :)

firebuga sobie zainstaluj i bedziesz wszystko miał :)
pomoc na forum darmowa
pomoc na gg płatna - 24909954
integracja z allegro
MODUŁY SZABLONY INTEGRACJE -> www.prestahelp.com

*

Offline xirus

  • Użytkownik
  • **
  • 44
  • 0
    • X13.pl
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #6 dnia: 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; }
Zapraszamy po moduły, integrację jak i sklepy PrestaShop

*

Offline pogo84

  • Nowy
  • *
  • 5
  • 0
Odp: Jak zrobić produkty obok siebie?
« Odpowiedź #7 dnia: Luty 09, 2011, 06:24:04 pm »