Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: giees w Wrzesień 26, 2018, 11:34:06 am

Tytuł: Zmiana liczby kolumn dla mobilnego widoku
Wiadomość wysłana przez: giees w Wrzesień 26, 2018, 11:34:06 am

Presta 1.6

Nie mogę sobie poradzić ze zmianą liczby kolumn na liście produktów dla mobilnego widoku. Aktualnie na telefonie wyświetla mi się jedna kolumna, a chciałbym to zmienić na dwie.

Oto co zmieniłem, ale i tak nie pomogło.

product-list.tpl

Kod: [Zaznacz]

{*define number of products per line in other page for desktop*}
{if $page_name !='index' && $page_name !='product'}
{assign var='nbItemsPerLine' value=4}
{assign var='nbItemsPerLineTablet' value=3}
{assign var='nbItemsPerLineMobile' value=2}
{else}
{assign var='nbItemsPerLine' value=4}
{assign var='nbItemsPerLineTablet' value=3}
{assign var='nbItemsPerLineMobile' value=2}
{/if}

Kod: [Zaznacz]

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-6 col-sm-3 col-md-3{else} col-xs-6 col-sm-3 col-md-3{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}

Tytuł: Odp: Zmiana liczby kolumn dla mobilnego widoku
Wiadomość wysłana przez: west w Wrzesień 27, 2018, 09:58:30 am

Zobacz jeszcze czy nie masz definicji w stylu css np. width:100%. Najlepiej podaj adres strony też

Tytuł: Odp: Zmiana liczby kolumn dla mobilnego widoku
Wiadomość wysłana przez: giees w Wrzesień 27, 2018, 11:44:33 am

W global.css mam pełno miejsc z width:100% :-)

https://digitaldruk.pl

Tytuł: Odp: Zmiana liczby kolumn dla mobilnego widoku
Wiadomość wysłana przez: giees w Wrzesień 28, 2018, 10:36:03 am

Poradziłem sobie.
W product_lis.css wywaliłem:

Kod: [Zaznacz]

@media (max-width:410px){
    ul.product_list.grid > li, ul.product_list.grid .owl-item .ajax_block_product{float:none;width:50%;}
}
a w product-list.tpl zmieniłem:

Kod: [Zaznacz]

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-4 col-md-3{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}
na:

Kod: [Zaznacz]

<li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-6 col-sm-4 col-md-3{else} col-xs-6 col-sm-4 col-md-3{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0}