(Gelöst) Änderungen in der product-list.tpl

[NSN]

Prestashop 1.6.1.4

Beim Classic Templete werden, wenn man keine right oder left column verwendet, in der Artikelübersicht jeweils 3 Artikel nebeneinander angezeigt.
Mein Wunsch ist dass dort 4 angezeigt werden wie auf der Startseite, weshalb ich (etwas dilettantisch) die produkt-list.tpl bearbeitet habe.

Meine Änderungen sind:

Zeile 28

{assign var='nbItemsPerLine' value=3}

zu

{assign var='nbItemsPerLine' value=4}

Und in Zeile 49

<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-6 col-md-4{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">

zu

<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-6 col-md-3{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModulo)} last-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 0} last-item-of-tablet-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 0} last-item-of-mobile-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}{if $smarty.foreach.products.iteration > ($smarty.foreach.products.total - $totModuloMobile)} last-mobile-line{/if}">

Diese Änderung hat mir auf den ersten Blick gebracht was ich wollte. (Bild 01)

Wie ich nun aber bemerkt habe ist die Ansicht wenn man auch Listenansicht geht komplett zerschossen (Bild 02) und wenn man dann wieder auf Kachelansicht geht ist es auch verstellt. (Bild 03)

Hat jemand eine Idee wie ich die anderen Ansichten gefixt bekomme. Das einzige was mir einfällt ist die Listenansicht und das auszublenden aber es gibt vielleicht Kunden welche die Listenansicht beforzugen.

 

Link zum Shop: www.nipponshop.net

 

Bild 1

 

Bild2

 

Bild 3

Edited August 19, 2018 by NSN
Gelöst (see edit history)

[NSN]

Nachdem ich erstmal den Kopf frei gemacht habe (ein paar Stunden am Strand bewirken wunder) habe ich über einen alten Post im englischen Forum die Lösung gefunden.

Post von "lda573"

Zitat

I might add if you want to use View Grid|List from product page we must change also the javascript => themes/default-bootstrap/js/global.js

function display(view)
{
	if (view == 'list')
	{
		$('ul.product_list').removeClass('grid').addClass('list row');
		$('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-4').addClass('col-xs-12');
...
	else 
	{
		$('ul.product_list').removeClass('list').addClass('grid row');
		$('.product_list > li').removeClass('col-xs-12').addClass('col-xs-12 col-sm-6 col-md-4');
...

change col-xs-12 col-sm-6 col-md-4  with the desired one col-xs-12 col-sm-4 col-md-3  (12/12= 1 col   12/4 = 3 col  12/3 = 4 col)