Immagini prodotti homepage..aiutooo!

[Guest locen]

Ciao a tutti, 

questa è un'immagine  dei prodotti:

la prima immagine in verticale ha  un riquadro senza bordi (PRODOTTI IN VETRINA) e la seconda ha un riquadro con i bordi (LISTA DEI PRODOTTI)

qualcuno che possa aiutarmi?

Grazie in anticipo 

Edited May 10, 2016 by locen (see edit history)

[Daniel_WM]

Ciao, cosa vorresti ottenere, perchè non si capisce dal post

[Guest locen]

Vorrei che le immagini dei prodotti in homepage abbiano l'immagine più piccola come quella dei prodotti in lista

Spero di essermi spiegata

[Guest locen]

I prodotti in homepage li visualizzo come nell'immagine a sinistra e quelli in lista come nell'immagine a destra

[Daniel_WM]

che template usi?

[Guest locen]

Quello di default

[Daniel_WM]

se vuoi ottenere lo stesso effetto della visualizzazione in lista devi modificare il css che trovi su themes/default-bootstrap/css/product_list.css  

 

alla riga

 

 ul.product_list.grid > li .product-container .product-image-container {

      border: 1px solid #d6d4d4;

      padding: 9px;

      margin-bottom: 13px;

      position: relative; }

 

devi aggiungere uno sfondo che in pratica va tra il bordo del riquadro immagine e l'immagine stessa, quindi diventerà cosi

 

 ul.product_list.grid > li .product-container .product-image-container {

       

background: #f96c6c;

    

      border: 1px solid #d6d4d4;

      padding: 9px;

      margin-bottom: 13px;

      position: relative; }

 

ovviamente devi regolare il colore della scala rgb che ti interessa

Edited February 2, 2016 by Daniel_WM (see edit history)

[Daniel_WM]

duplicato

Edited February 2, 2016 by Daniel_WM (see edit history)

[Guest locen]

Ma dovrei applicarlo solo a quelli in homepage perché navigando sul sito i prodotti si vedono come vorrei per cui edito il file product_list o homefeatured?

[Daniel_WM]

di solito il file css della lista dei prodotti è uguale sia per home featured che per le pagine delle categorie

[Guest locen]

Allora mi chiedo come mai non siano uguali visto che i prodotti li vedo bene e la vetrina no

[Guest locen]

Il sito è un modalità manutenzione, te lo posto domani che lo attivo

[Daniel_WM]

posta il link del sito e ti rispondo subito

[Guest locen]

Grazie mille! Sei gentilissimo

[Daniel_WM]

k, allora ti rispondo domani

Edited February 2, 2016 by Daniel_WM (see edit history)

[Guest locen]

questo è il sito: http://www.deltapeninternational.com/

 

ancora da implementrare per cui per vedere la griglia dei prodotti clicca su nuovi propdotti

Edited February 3, 2016 by locen (see edit history)

[Daniel_WM]

ok, nel css , alla classe 
 
ul.product_list.grid > li .product-container .product-image-container{background:white}
 
devi togliere background:white
 
quindi diventa cosi
 
ul.product_list.grid > li .product-container .product-image-container{}

 

sotto vedi il risultato, penso sia quello che volevi te...

 

fammi sapere

Edited February 3, 2016 by Daniel_WM (see edit history)

[Guest locen]

grazie mille!! e invece se volessi ridurre di dimesioni quelli in homepage e lassciare di default gli altri? sarebbe fattibile o verrebbe una cosa troppo complessa?

[Daniel_WM]

per ridurre le dimensioni devi prendere il tpl dei prodotti in homepage e cambiare il tipo di immagine da home_default a una che preferisci

[Guest locen]

l'ho fatto ma non mi aggiorna le dimensioni, ho letto che poi bisognerebbe rigenerare ma non vorrei che mi cancellasse tutte le immagini come qualcuno ha sccritto

[Daniel_WM]

cosa hai fatto perchè non ho capito

[Guest locen]

<a href="{$product.link|escape:'html'}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

 

avevo provato a cambiare "home_default nel file homefeatured.tpl ma le dimensioni non cambiavano. avevo letto però che bisognasse rigenerare le miniature per aggiornare le dimensioni ma non mi sono attentata perchè ad alcuni aveva cancellato le immagini nei prodotti

[Guest locen]

questo è il file homefeatured.tpl se può esserti utile

 

{*

* 2007-2015 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]>

*  @copyright  2007-2015 PrestaShop SA

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

*  International Registered Trademark & Property of PrestaShop SA

*}

 

<!-- MODULE Home Featured Products -->

<div id="featured-products_block_center" class="block products_block clearfix">

<h4 class="title_block">{l s='Featured products' mod='homefeatured'}</h4>

{if isset($products) AND $products}

<div class="block_content">

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=4}

{assign var='nbLi' value=$products|@count}

{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}

{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}

<ul style="height:{$ulHeight|escape:'html'}px;">

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

{math equation="(total%perLine)" total=$smarty.foreach.homeFeaturedProducts.total perLine=$nbItemsPerLine assign=totModulo}

{if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}

<p class="product_desc"><a href="{$product.link}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:130:'...'}</a></p>

 

<li class="ajax_block_product {if $smarty.foreach.homeFeaturedProducts.first}first_item{elseif $smarty.foreach.homeFeaturedProducts.last}last_item{else}item{/if} {if $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 0}last_item_of_line{elseif $smarty.foreach.homeFeaturedProducts.iteration%$nbItemsPerLine == 1} {/if} {if $smarty.foreach.homeFeaturedProducts.iteration > ($smarty.foreach.homeFeaturedProducts.total - $totModulo)}last_line{/if}">

<a href="{$product.link|escape:'html'}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html'}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

<h5 class="s_title_block"><a href="{$product.link|escape:'html'}" title="{$product.name|truncate:50:'...'|escape:'html':'UTF-8'}">{$product.name|truncate:35:'...'|escape:'html':'UTF-8'}</a></h5>

<div class="product_desc"><a href="{$product.link|escape:'html'}" title="{l s='More' mod='homefeatured'}">{$product.description_short|strip_tags|truncate:65:'...'}</a></div>

<div>

<a class="lnk_more" href="{$product.link|escape:'html'}" title="{l s='View' mod='homefeatured'}">{l s='View' mod='homefeatured'}</a>

{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}<div style="height:21px;"></div>{/if}

 

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

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

<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart')|escape:'html'}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>

{else}

<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>

{/if}

{else}

<div style="height:23px;"></div>

{/if}

</div>

</li>

{/foreach}

</ul>

</div>

{else}

<p>{l s='No featured products' mod='homefeatured'}</p>

{/if}

</div>

<!-- /MODULE Home Featured Products -->

[Daniel_WM]

se non sono cambiate le dimensioni probabilmente devi prendere homefeatured.tpl che trovi dentro themes/default/modules/homefeatured.tpl .

questo sovrascrive sempre l'homefeatured.tpl che si trova nella cartella dei moduli.

[Guest locen]

io ho preso l'home featured che si trova nella cartella : /homefeatured/views/templates/hook

 

dici questo?

[Daniel_WM]

no, il tpl corretto è questo

 

/themes/default-bootstrap/modules/homefeatured/homefeatured.tpl

[Guest locen]

grazie mille! allora adesso provo e ti dico

[Guest locen]

però non trovo home_default..

in che pezzo di codice dovrei inserirlo? 

 

questo è tutto il codice che ho nel file 

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

{include file="$tpl_dir./product-list.tpl" class='homefeatured tab-pane' id='homefeatured'}

{else}

<ul id="homefeatured" class="homefeatured tab-pane">

<li class="alert alert-info">{l s='No featured products at this time.' mod='homefeatured'}</li>

</ul>

{/if}

[Daniel_WM]

qui hai solo product-list.tpl come puoi vedere, quindi crei un file clone di product-list.tpl es. product-list-homefeatured.tpl e ci copi tutto il contenuto del product-list.tpl sempre nella directory del template.

Quindi in /themes/default-bootstrap/modules/homefeatured/homefeatured.tpl inserisci

 

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

{include file="$tpl_dir./product-list-homefeatured.tpl" class='homefeatured tab-pane' id='homefeatured'}

{else}

<ul id="homefeatured" class="homefeatured tab-pane">

<li class="alert alert-info">{l s='No featured products at this time.' mod='homefeatured'}</li>

</ul>

{/if}

 

 

sul nuovo file product-list-homefeatured.tpl puoi cambiare le immagini e tutto quello che vuoi senza interferire con la lista prodotti nelle categorie

[Daniel_WM]

nel file product-list-homefeatured.tpl invece di home_default usi medium_default o quella che vuoi, basta solo cambiare il formato immagine.

Se vuoi una misura particolare la crei nel backoffice di prestashop su preferenze immagini poi la inserisci nel file product-list-homefeatured.tpl

[Guest locen]

scusami ma non ho capito..come faccio a dargli le dimensioni se le classi che uso sono le stesse dell'altro file? devo creare anche delle altre classi?

ellimino il file homefeatured.tpl e lo chiamo per esempio product-list-homefeatured.tpl e poi come faccio a dargli le dimensioni?

Edited February 3, 2016 by locen (see edit history)

[Guest locen]

ok come fare ho capito, solo non capisco i file da modificare e quali eliminare..scusami 

[Guest locen]

allora ecco cosa ho capito: 

nella cartella /themes/default-bootstrap/modules/homefeatured

ho creato un secondo file chiamato homefeaturedmodified.tpl dove ho copiato questo codice

 

 

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

{include file="$tpl_dir./product-list-homefeatured.tpl" class='homefeatured tab-pane' id='homefeatured'}

{else}

<ul id="homefeatured" class="homefeatured tab-pane">

<li class="alert alert-info">{l s='No featured products at this time.' mod='homefeatured'}</li>

</ul>

{/if}

 

 

 

e nella cartella /themes/default-bootstrap

ho creato un file chiamato product-list-homefeatured.tpl

dove ho modificato la grandezza dell'immagine da "home_default" a "medium_default"

[Guest locen]

stavo anche guardando per rimuovere il bordino bianco nei prodotti in vetrina ma ho notato che il file che mi trova con firebug è nella cache --> themes/default-bootstrap/cache

ha senso modificarlo in quel file?

Edited February 3, 2016 by locen (see edit history)

[Guest locen]

Nessuno che possa aiutarmi?