mode liste par défaut

[Aletren]

je souhaite désactiver le mode grid par défaut et mettre le mode liset à la place dans les pages catégories  

le sujet a été entamé plusieurs fois sur le forum mais aucune solution proposé qui fonctionne

dans mon fichier product-list.tpl le mode grille n’existe pas donc je ne comprends pas d'ou vient l'affichage grille 

je suis sur prestashop 1.6.1.17 avec le thème jms_mocha, bientôt 2 jours de recherche sans sucée

 

je vous remercie d'avance si quelqu’un aurait une idée  

Edited October 1, 2017 by Aletren (see edit history)

[Eolia]

 

 

 bientôt 2 jours de recherche sans sucée

Des fois, ça manque

 

Le mode  grid/list est géré depuis le js donc vous ne cherchez pas au bon endroit

 

Ca dépend des thèmes mais généralement c'est la fonction function display(view) dans le global.js du thème

[Aletren]

Merci Eolia 

j'ai vu cette fonction aussi et BindGrid() j'ai fait des changements mais le mode grille reste toujours, j'ai bien supprimer le cache prestashop et le cache navigateur

voici la fonction display(view) de mon thème 

j'ai même réinstaller tout le thème et recommencer et toujours rien  

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');
		$('.product_list > li').each(function(index, element) {
			var html = '';
			html = '<div class="product-container"><div class="row">';
			html += '<div class="left-block col-xs-4 col-sm-5 col-md-4">' + $(element).find('.left-block').html() + '</div>';
			html += '<div class="center-block col-xs-4 col-sm-7 col-md-4">';
			html += '<div class="product-flags">'+ $(element).find('.product-flags').html() + '</div>';
			html += '<h5 itemprop="name">'+ $(element).find('h5').html() + '</h5>';
			var hookReviews = $(element).find('.hook-reviews');
			if (hookReviews.length) {
				html += hookReviews.clone().wrap('<div>').parent().html();
			}
			html += '<p class="product-desc">'+ $(element).find('.product-desc').html() + '</p>';
			var colorList = $(element).find('.color-list-container').html();
			if (colorList != null) {
				html += '<div class="color-list-container">'+ colorList +'</div>';
			}
			var availability = $(element).find('.availability').html();	// check : catalog mode is enabled
			if (availability != null) {
				html += '<span class="availability">'+ availability +'</span>';
			}
			html += '</div>';
			html += '<div class="right-block col-xs-4 col-sm-12 col-md-4"><div class="right-block-content row">';
			var price = $(element).find('.content_price').html();       // check : catalog mode is enabled
			if (price != null) {
				html += '<div class="content_price col-xs-5 col-md-12">'+ price + '</div>';
			}
			html += '<div class="button-container col-xs-7 col-md-12">'+ $(element).find('.button-container').html() +'</div>';
			html += '<div class="functional-buttons clearfix col-sm-12">' + $(element).find('.functional-buttons').html() + '</div>';
			html += '</div>';
			html += '</div></div>';
			$(element).html(html);
		});
		$('.display').find('li#list').addClass('selected');
		$('.display').find('li#grid').removeAttr('class');
		$.totalStorage('display', 'list');
	}
	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');
		$('.product_list > li').each(function(index, element) {
			var html = '';
			html += '<div class="product-container">';
			html += '<div class="left-block">' + $(element).find('.left-block').html() + '</div>';
			html += '<div class="right-block">';
			html += '<div class="product-flags">'+ $(element).find('.product-flags').html() + '</div>';
			html += '<h5 itemprop="name">'+ $(element).find('h5').html() + '</h5>';
			var hookReviews = $(element).find('.hook-reviews');
			if (hookReviews.length) {
				html += hookReviews.clone().wrap('<div>').parent().html();
			}
			html += '<p itemprop="description" class="product-desc">'+ $(element).find('.product-desc').html() + '</p>';
			var price = $(element).find('.content_price').html(); // check : catalog mode is enabled
			if (price != null) {
				html += '<div class="content_price">'+ price + '</div>';
			}
			html += '<div itemprop="offers" itemscope itemtype="https://schema.org/Offer" class="button-container">'+ $(element).find('.button-container').html() +'</div>';
			var colorList = $(element).find('.color-list-container').html();
			if (colorList != null) {
				html += '<div class="color-list-container">'+ colorList +'</div>';
			}
			var availability = $(element).find('.availability').html(); // check : catalog mode is enabled
			if (availability != null) {
				html += '<span class="availability">'+ availability +'</span>';
			}
			html += '</div>';
			html += '<div class="functional-buttons clearfix">' + $(element).find('.functional-buttons').html() + '</div>';
			html += '</div>';
			$(element).html(html);
		});
		$('.display').find('li#grid').addClass('selected');
		$('.display').find('li#list').removeAttr('class');
		$.totalStorage('display', 'list');
	}

[doekia]

Aucune solution qui fonctionne sur les forums? j'ai des doutes.

Mais bon le thème jms_mocha nous on ne le connait pas donc impossible de te conseiller

[doekia]

if (true || view == 'list')

[Aletren]

merci Dekia, 

les solutions du forum parle surtout du fichier product-list.tpl et les lignes à modifier je les pas dans mon fichier même 'grid' ,' n’excite pas  

[doekia]

tu as mis la fonction display() change la 3eme ligne

function display(view)
{
    if (true || view == 'list')

Et ... relis toi un peu, ça aide aussi

[Aletren]

if (true || view == 'list')

je viens de tester mais toujours rien 

[doekia]

Pas de bol alors. Ton cache

[Aletren]

Pas de bol alors. Ton cache

j'ai essayé avec un autre pc, dossier cache et compile supprimer et compilation forcé au backoffice, je crois que le thème est  très spécial, j'ai envoyé un message au dev j'attends son retour, si non je change de thème et laisse tomber 

merci en tout cas