Tailles D'images Non Définies

[Wibleo]

Bonjour la communauté !

 

J'aurais besoin de vos lumières, car je bloque sur un petit problème. Je souhaite définir la taille de certaines images dans le code et je n'y arrive pas.

 

Les images qui me pose soucis son "tm home defaut" sur mon thème, j'ai beau attribuer la taille dans le module homefitured ou sur la page product.tpl, j'ai toujours la même erreur qui remonte après un test GTmetrix.

 

J'ai le soucis avec les image de mon blog également, mais je ne trouve pas ou définir la taille non plus.

 

Je vous ajoute une capture du rapport GTmetrix.

 

Merci d'avance pour votre aide et vous souhaite une très bonne journée

Edited December 10, 2015 by Wibleo (see edit history)

[Wibleo]

Bonjour,

 

Vous devriez contacter l'auteur du thème car c'est un module spécifique à son thème.

 

3pom

 

 

Bonjour,

 

C'est template monster, ils m'ont dit d'ajouter ce code dans le global.css :

.blog-image .img-responsive {
width: 570px !important;
height: 256px !important;
}

#homefeatured .replace-2x.img-responsive {
width: 250px !important;
height: 250px !important;
}

Ca n'a pas fonctionné, pire, les images n'étaient plus responsive. Puis il m'ont dit d'ajouter le code sur les fichiers tpl, ce que j'avais déjà fait, donc même problème.

 

Enfin ils m'ont demandé de tester sur le thème d'origine, mais je ne peux pas car j'ai une erreur 500 quand j'active le thème pas défaut...

 

Donc retour à la case départ, quelqu'un aurait une idée ?

 

Merci d'avance

Edited December 10, 2015 by Wibleo (see edit history)

[Wibleo]

Si vos images font toutes 250 x 250 vous pouvez ajouter dans le .tpl width="250" height="250"

 

Vous pouvez m'envoyer le .tpl 

 

3pom

 

Bonjour,

 

Merci beaucoup pour votre aide. Je ne sais pas comment vous envoyer le fichier, en MP il n'y a pas de PJ possible.

 

Voici le code :

<!-- 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}
				<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="250" width="250" 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 -->

Merci encore !

[Wibleo]

C'est le fichier dans le dossier /modules/homefeatured/

 

Celui dans /themes/nom_theme/modules/homefeatured/ est le suivant :

{if isset($products) && $products}
	{include file="$tpl_dir./modules/blocknewproducts/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}

Du fait je ne voyais pas où inclure les tailles d'images...

[Wibleo]

Bonjour,

 

C'est parfait ! c'était le bon fichier, il était sous montheme/modules/blocknewproducts/product-list.tpl, j'ai ajouté les balises et ça fonctionne !!!

 

J'ai trouvé le fichier du blog et c'est corrigé également.

 

Un grand merci pour votre aide, me voilà débarrassé de ce problème.

 

Bonne journée à vous

Edited December 11, 2015 by Wibleo (see edit history)

[Wibleo]

Il aurait été intéressant de voir si le thème remontait correctement la taille des images, comme ça vous auriez pu utiliser une variable si un jour vous changiez la taille de vos images vous n'auriez pas eu de nouvelle modification à faire.

 

3pom

 

De quelle manière ? Car les images ressortaient avec la bonne taille quand elles sont inspectées. 

[Wibleo]

Je viens de tester width="{$homeSize.width}" et ça ne fonctionne pas, j'ai de nouveau l'erreur sur le test GTmetrix. Du fait j'ai tenté avec height="{$homeSize.height}" width="{$homeSize.width}" et là c'est ok !

 

En tous cas, encore merci pour votre aide, c'est vraiment sympa

 

Bonne journée !

Edited December 11, 2015 by Wibleo (see edit history)

[Wibleo]

Bonjour,

 

Je relance le sujet car j'ai bien réussi sur la home et sur les catégories à définir la taille des images, mais il me reste un endroit récalcitrant, la fiche produit.

 

J'ai donc deux types d'images dont je n'arrivent pas à spécifier la taille :

 

1 : Les images du module productscategory (produit dans la même catégorie), j'ai bien modifié le tpl avec 

height="{$homeSize.height}" width="{$homeSize.width}"

Mais GTmetrix me les ressort encore et encore en non spécifiés.

 

2 : Les images de la description produit, impossible de savoir quel tpl modifié, j'ai déjà fait product et product-list, mais pareils que pour le module du dessus, rien n'y fait.

 

Un grand merci à ceux qui pourront m'aider car il ne me reste plus que ça (et un picto mais le dev ne comprend pas ce que je veux).

 

C'est assez important, ce n'est pas du chipotage, car aillant beaucoup de visuels, les pages produit prennent une baffe sur les stats.

 

Très bonne journée à toutes & à tous

[Wibleo]

Un petit UP pour relancer le sujet, personne ne saurait comment indiquer aux navigateur la taille des images présentes sur la fiche produit (celles qui défiles, pas dans la description) ?

 

Merciiiiii