Aiutino per mettere vista prodotti lista di default

vascoo1 · August 13, 2014

Buon giorno a tutti chiedo cortesemente un aiutino per un problema di un sito prestashop:

Vorrei semplicemente mettere di default la lista e non la griglia nell' elenco dei prodotti.

Ho già seguito e cercato altre guide ma con esito negativo :-(

La versione di Prestashop è: 1.5.6.2

Qui sotto product-list.tpl che presumo sia da modificare

Grazie grazie grazie ed ancora grazie per chi mi da una mano

Nicola

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{if isset($products)}

{foreach from=$products item=product name=products}

{if isset($comparator_max_item) && $comparator_max_item}

<label for="comparator_item_{$product.id_product}">{l s='Compare'}</label>

</p>

{/if}

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

{if isset($product.new) && $product.new == 1}<span class="new">{l s='New'}</span>{/if}

</a>

</div>

{if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}

{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}

<span class="discount">{l s='Reduced price!'}</span>

{/if}

</div>

<h3>{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}<a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.name|escape:'htmlall':'UTF-8'}">{$product.name|truncate:100:'...'|escape:'htmlall':'UTF-8'}</a></h3>

<p class="product_desc"><a href="{$product.link|escape:'htmlall':'UTF-8'}" title="{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}" >{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}</a></p>

{if isset($comparator_max_item) && $comparator_max_item}

<label for="comparator_item_{$product.id_product}">{l s='Compare'}</label>

</p>

{/if}

{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}

{if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}<span class="availability">{if ($product.allow_oosp || $product.quantity > 0)}{l s='Available'}{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}{l s='Product available with different options'}{else}{l s='Out of stock'}{/if}</span>{/if}

</div>

{/if}

</div>

{if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}

{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}

<span class="discount">{l s='Reduced price!'}</span>

{/if}

{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}

{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}<span class="price" style="display: inline;">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span><br />{/if}

</div>

{if isset($product.online_only) && $product.online_only}<span class="online_only">{l s='Online only'}</span>{/if}

{/if}

{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE}

{if ($product.allow_oosp || $product.quantity > 0)}

{if isset($static_token)}

<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}&token={$static_token}", false)|escape:'html'}" title="{l s='Add to cart'}"><span></span>{l s='Add to cart'}</a>

{else}

<a class="button ajax_add_to_cart_button exclusive" rel="ajax_id_product_{$product.id_product|intval}" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}", false)|escape:'html'}" title="{l s='Add to cart'}"><span></span>{l s='Add to cart'}</a>

{/if}

{else}

{/if}

</div>

</li>

{/foreach}

</ul>

{literal}

// <![CDATA[

$(document).ready(function () {

$("#view_as_grid").click(function () {

setListGrid('grid_view');

$('ul.grid_view').smartColumnsRows({

defWidthClss : 'grid_default_width',

subElement : 'li',

subClass : 'product-block'

});

$("#view_as_list").click(function () {

setListGrid('list_view');

$("ul.product_list").css('width', 'auto');

$(".list_view li").css('width', '100%');

$(".list_view li").css('height', 'auto');

$('.list_view .product-block').css("height", "auto");

$('.list_view .product-block').css("width", "auto");

});

productListAutoSet = function() {

$('ul.grid_view').smartColumnsRows({

defWidthClss : 'grid_default_width',

subElement : 'li',

subClass : 'product-block'

});

}

$(document).ready(productListAutoSet);

$(window).bind('resize', productListAutoSet);

//]]>

{/literal}

</script>

{/if}

Traxsung · August 13, 2014

ciao, credo te debba modificare

productListAutoSet = function() { 
$('ul.grid_view').smartColumnsRows({
defWidthClss : 'grid_default_width',
subElement   : 'li',
subClass     : 'product-block'

in

productListAutoSet = function() { 
$('ul.list_view').smartColumnsRows({
defWidthClss : 'list_default_width',
subElement   : 'li',
subClass     : 'product-block'

oppure

productListAutoSet = function() { 
$('list_view').smartColumnsRows({
defWidthClss : 'list_default_width',
subElement   : 'li',
subClass     : 'product-block'

vascoo1 · August 13, 2014

Grazie mille per la risposta, ho provato a modificare il file ma con insuccesso....si vede sempre la griglia però non più in linea ma tutta sfalsata....4 prodotti sopra, uno spostato sulla destra appena sotto, altri 3 prodotti sotto spostati sulla sinistra...e comunque sempre in griglia...

Grazie comunque speriamo di trovare la soluzione....

Traxsung · August 13, 2014

Prova cosi:

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

devi cambiare questa funzione :

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');
    });
}

in questa:

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');
    });
}

Mentre poi nel file product-list.tpl

modifica questo:

<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}">

in questo

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

vascoo1 · August 14, 2014

Grazie Traxsung per il tempo che mi stai dedicando, ma credo che i parametri che mi hai gentilmente detto di modificare siano validi per Prestashop versione 1.6, io invece sto utilizzando la 1.5.6.2

Traxsung · August 14, 2014

vascoo1 credo che la soluzione al tuo problema si in questo tutorial.

Seguito e fammi sapere se hai risolto

vascoo1 · August 14, 2014

Grazie ancora dell'aiuto, quella guida l'avevo già eseguita ma fa esattamente il contrario di quello che voglio, cioè trasforma la vista a griglia di default invece io vorrei di default la lista

Ho provato cambiare qualcosa nel codice ma la vedo dura azzolina

vascoo1 · August 14, 2014

Posto anche product_list.css se può essere di aiuto

/* CSS for Product Grid */

.grid_view li p.product_desc {display:none; visibility:hidden;}

.grid_view li .left_block

{

text-align: left;

width: 100%;

float:left;

z-index:2;

position:relative;

}

.list_view li .left_block {

text-align: left;

width:164px;

float:left;

z-index:2;

margin-right:10px;

}

.grid_view li .center_block .compare label { display:none;}

.grid_view li .online_only { display:none;}

.list_view li .online_only { display: block;}

.grid_view li .left_block p.compare { position:absolute; top:1px; z-index:95; right:4px;}

.grid_view li .center_block .compare { display:none;}

.grid_view li .left_block .compare label { display:none;}

.grid_view li .right_block .discount,.grid_view li .right_block .on_sale { display:none;}

.list_view .left_block .compare,.list_view .left_block .discount,.list_view .left_block .on_sale

{ display:none;}

.grid_view li .left_block .discount,.grid_view li .left_block .on_sale

{

bottom: 3px;

display: block;

left: 2px;

position: absolute;

}

.grid_view a.product_img_link { margin-right:0px!important;}

.grid_view li .center_block {

padding:0;

position:relative;

float:left;

width:100%;

}

.grid_view li h3 {

margin-top:5px;

text-align:center;

padding:0;

clear:both;

}

.grid_view .product-image-thumb{ display:block;}

.grid_view li h3,

.list_view li h3 {

font-size:14px;

color:#000;

}

.list_view li h3 { padding:0 0 5px 0;}

#product_list li .left_block .compare label { float:left;}

#product_list li p.compare input {

vertical-align: text-bottom

}

.list_view li .center_block {

float: left;

padding:0 7px 0 0;

width:400px;

border-right:1px solid #DDDDDD;

text-align:justify;

min-height:130px;

}

#product_list a.product_img_link {

}

#product_list a.product_img_link img {

border:none;

/*display: block;

vertical-align: bottom;

margin: 0 auto;*/

}

/*.ie8 #product_list li span.new{top:111px;right:0;width:94%}

.ie7 #product_list li span.new {top:111px;right:0;width:94%}*/

#product_list li p.product_desc {

overflow: hidden;

padding:0;

line-height:16px;

margin:0 0 8px 0;

}

#product_list li p.product_desc,

#product_list li p.product_desc a {

color:#666;

}

.grid_view li .right_block{ text-align:center;}

.list_view li .right_block{ text-align:center;}

.list_view li .right_block {

position:relative;

float: left;

width:161px;

}

ul#product_list li .online_only {

color:#309BE3;

text-transform: uppercase;

}

#product_list li .discount {

/*padding: 1px 5px;

color: #fff;*/

text-transform:capitalize;

text-align: right;

/*background: none repeat scroll 0 0 #9B0000;*/

}

#product_list li .online_only {

margin:0 0 10px 0;

font-size:12px;

}

#product_list li .price {

display: block;

margin-bottom: 15px;

}

.grid_view li span.availability {display:none;}

#product_list li span.availability {

color: #555;

}

#product_list li .lnk_view {

display: block;

margin-top:15px;

padding:0 10px;

border:none;

font-weight:bold;

color:#222222;

background:url(../img/arrow_right_1.png) no-repeat 100% 4px transparent

}

#product_list li .lnk_view:hover {text-decoration:underline}

.list_view .center_block p.compare {

float:left;

padding:5px 11px;

border:1px solid #EDEDED;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius:5px;

}

.list_view .center_block .content_price {

float:left;

margin:0 0 0 8px!important;

padding:5px 11px;

border:1px solid #EDEDED;

-moz-border-radius: 5px;

-webkit-border-radius:5px;

border-radius:5px;

}

vascoo1 · August 20, 2014

Niente da fare non sono in grado di trovare soluzione

Chiedo gentilmente aiuto se qualcuno mi può aiutare

Grazie mille fin da ora

Sign In

Aiutino per mettere vista prodotti lista di default

Recommended Posts

vascoo1

Link to comment

Share on other sites

Traxsung

Link to comment

Share on other sites

vascoo1

Link to comment

Share on other sites

Traxsung

Link to comment

Share on other sites

vascoo1

Link to comment

Share on other sites

Traxsung

Link to comment

Share on other sites

vascoo1

Link to comment

Share on other sites

vascoo1

Link to comment

Share on other sites

vascoo1

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com