Jump to content

Wygląd siatki w produktach jak zmienić Presta 1.6 ?


Recommended Posts

Witam.

Dosyć dziwny problem, także się męczę od jakiegoś czasu.

Chodzi mi o to, że mamy wygląd na trzy produkty w rzędzie, a chciałbym zrobić na cztery w rzędzie.

Produkty mają być cztery w rzędzie wewnątrz kategorii produktów w wyglądzie siatki.    

Znalazłem już podobny wątek ale grupuje po cztery z tym, że trzy są na górze, a jeden na dole i nie za bardzo działa tamto rozwiązanie.

Jeśli byłby w stanie mi ktoś pomóc to byłoby super ?

Share this post


Link to post
Share on other sites

  • 3 weeks later...

nie wiem czy zmiana styli bootstrapa to dobry pomysł

lepiej chyba zmienić col-md-4 na col-md-3 w pliku tpl

Witam.

 

Jest rozwiązanie.

 

Podziele się.

 

1) Odnajdujemy plik product-list.tpl w katalogu: themes/default-bootstrap/product-list.tpl

 

2) W plikiu odnajdujemy linię 25.

 

{if isset($products) && $products}

    {*define numbers of product per line in other page for desktop*}

    {if $page_name !='index' && $page_name !='product'}

        {assign var='nbItemsPerLine' value=3}

        {assign var='nbItemsPerLineTablet' value=2}

        {assign var='nbItemsPerLineMobile' value=3}

    {else}

        {assign var='nbItemsPerLine' value=4}

        {assign var='nbItemsPerLineTablet' value=3}

        {assign var='nbItemsPerLineMobile' value=2}

    {/if}

3) Zaznaczony fragment zmieniamy zamiast 3 na 4

 

4) Odnajdujemy plik global.css w katalogu themes/default-bootstrap/css/global.css

 

i szukamy linii okolice 160.

 

.col-MD-4 {

width: 25%; }

 

Ten sposób działa, ale trzeba jeszcze zmodyfikować widok sortowania w liście.

Edited by effectdesign (see edit history)

Share this post


Link to post
Share on other sites

.col-MD-4 {
width: 25%; }

a czy to czasami nie zmienia wartośći dla pozostałych elementów strony? te style są wykorzystywane niemal wszędzie

 

Zmienia właśnie ten drugi wygląd też

Właśnie pracuję jak to zrobić żeby był oddzielny styl dla drugiego widoku.

Chyba, że wiesz jak zmienić ten drugi widok

Share this post


Link to post
Share on other sites

w product-list.tpl col-md-4 trzeba zmienić na col-md-3

unikniesz wtedy zmiany pozostałych elementów a zmiana dotyczyć będzie wyłącznie listy produktów.

 

Heh.

 

Właśnie tak zrobiłem,

 

Widok mojej listy wygląda teraz tak jak w screenie.

 

post-275419-0-80305800-1409554794_thumb.jpg

 

Siatka wygląda dobrze są cztery produkty w rzędzie

 

Powiem też że zmiana stylu dla col-md-3 nie przynosi efektów.

 

Zmiana wielkości na 33.333 % daje wynk podobny z tym, że siatka produltów już nie jest na cztery tylko na dwie kolumny

 

Nie wiem, może coś robię źle

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More