Listenansicht als Standart bei Produktansicht

[aebidruck]

Hallo zusammen

 

Ich habe leider keine Einstellungsmöglichkeit gefunden, wie ich die Listenansicht als Standart einstellen kann. Bei der Produktansicht kann ich ja zwischen Kacheln und Liste auswählen. Standart ist ja immer die Kachelansicht drin.

 

Ich verwende die Version 1.6.0.9.

 

Hoffe ihr könnt mir dabei helfen.

[eleazar]

Hallo,

 

um die Listenansicht zum Standard zu machen, sind ein paar kleine Änderungen erforderlich:

• /themes/default-bootstrap/product-list.tpl

  Hier nimmst du das kleine Wörtchen "grid" raus. In Zeile 41 muss es statt

  <ul{if isset($id) && $id} id="{$id}"{/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}">
  

  heißen:

   

  <ul{if isset($id) && $id} id="{$id}"{/if} class="product_list row{if isset($class) && $class} {$class}{/if}">
  

• Damit das Ganze aber auch funktioniert, muss die Javaskript-Funktion bindGrid() ein bisschen geändert werden. Die findest du in 1.6.0.9 ab Zeile 175 in der

   

  /themes/default-bootstrap/js/global.js.

   

  Auch hier muss die Kachel durch die Liste ersetzt werden, d.h. statt

  function bindGrid(){
      var view = $.totalStorage('display');
      if (view && view != 'grid')
          display(view);
      else
          $('.display').find('li#grid').addClass('selected');
       
      $(document).on('click', '#grid', function(e){
          e.preventDefault();
          display('grid');
      });
   
      $(document).on('click', '#list', function(e){
          e.preventDefault();
          display('list');
      });
  }
  

  muss der Anzeige-Standard hier geändert werden zu "list". Also muss es  hier heißen:

   

  function bindGrid(){
      var view = $.totalStorage('display');
      if (view && view != 'list')
          display(view);
      else {
          $('.display').find('li#list').addClass('selected');
              display("list");
          }
       
      $(document).on('click', '#grid', function(e){
          e.preventDefault();
          display('grid');
      });
   
      $(document).on('click', '#list', function(e){
          e.preventDefault();
          display('list');
      });
  }
  

An der Wechselfunktion per Mausklick braucht nichts geändert zu werden. Die kann so stehen bleiben. So sollte es eigentlich funktionieren. Edited October 14, 2014 by eleazar (see edit history)

[aebidruck]

Vielen Dank für die schnelle Antwort.

 

Teilweise klappt es nicht schlecht. Mein Problem ist noch, das es ein Kauf-Template ist und der Code nicht genau so aussieht wie beim Default-Template.

 

Das wäre der Code des Kauf-Templates:

<ul{if isset($id) && $id} id="{$id}"{/if} class="product_list grid row{if isset($class) && $class} {$class}{/if}{if isset($active) && $active == 1} active{/if}">

function bindGrid()
{
	var view = $.totalStorage('display');
	
	if (!view && (typeof displayList != 'undefined') && displayList)
		view = 'list';
	
	if (view && view != 'grid')
		display(view);
	else
		$('.display').find('li#grid').addClass('selected');
	
	$(document).on('click', '#grid', function(e){
		e.preventDefault();
		display('grid');
	});
	
	$(document).on('click', '#list', function(e){
		e.preventDefault();
		display('list');
	});
}

function bindGrid()
{
	var view = $.totalStorage('display');
	
	if (!view && (typeof displayList != 'undefined') && displayList)
		view = 'list';
	
	if (view && view != 'list') //Geädnert list/grid
		display(view);
	else
		$('.display').find('li#list').addClass('selected'); //Geädnert list/grid
	
	$(document).on('click', '#grid', function(e){
		e.preventDefault();
		display('grid'); 
	});
	
	$(document).on('click', '#list', function(e){
		e.preventDefault();
		display('list');
	});
}

[aebidruck]

Kann als gelöst markiert werden.