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

Zmiana liczby kolumn dla mobilnego widoku

  • 3 Odpowiedzi
  • 248 Wyświetleń

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

*

Offline giees

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop
  • Presta Shop: 1.6
  • Status: Właściciel
Zmiana liczby kolumn dla mobilnego widoku
« dnia: 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
{*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}
<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}

*

Offline west

  • Administrator
  • Mieszkaniec
  • *****
  • 4,542
  • 97
  • Płeć: Mężczyzna
  • Europasaz.pl
    • Projektowanie PrestaShop, Wordpress, SMF
  • Presta Shop: PS
  • Status: Programista
Odp: Zmiana liczby kolumn dla mobilnego widoku
« Odpowiedź #1 dnia: Wrzesień 27, 2018, 09:58:30 am »
Zobacz jeszcze czy nie masz definicji w stylu css np. width:100%. Najlepiej podaj adres strony też
MODUŁY | http://europasaz.pl |  SKLEPY INTERNETOWE | WSPARCIE TECHNICZNE | HOSTING | http://zielona.biz 

*

Offline giees

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop
  • Presta Shop: 1.6
  • Status: Właściciel
Odp: Zmiana liczby kolumn dla mobilnego widoku
« Odpowiedź #2 dnia: Wrzesień 27, 2018, 11:44:33 am »
W global.css mam pełno miejsc z width:100% :-)

https://digitaldruk.pl

*

Offline giees

  • Nowy
  • *
  • 17
  • 0
  • PrestaShop
  • Presta Shop: 1.6
  • Status: Właściciel
Odp: Zmiana liczby kolumn dla mobilnego widoku
« Odpowiedź #3 dnia: Wrzesień 28, 2018, 10:36:03 am »
Poradziłem sobie.
W product_lis.css wywaliłem:

@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:

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

<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}
« Ostatnia zmiana: Wrzesień 29, 2018, 11:58:01 am wysłana przez west »