Centrer l'image de la catégorie pour les smartphones

[ptaiebpro]

Bonjour,

 

Je rencontre ce problème :

 

L'affichage de l'image de la catégorie de produit n'est pas centrée voir n'apparait pas sur un affichage type smartphone.

 

Faites l'essai avec ce lien : http://bioceleste.pswebshop.com/32-yaourt

 

Comment faire pour que l'image de la catégorie s'affiche correctement sur tous types d'écrans.

 

Merci pour votre aide

 

Philippe

 

[J. Danse]

Bonjour,

 

Il vous faut éditer le fichier category.tpl situé dans votre thème (ici, il s'agit de default-bootstrap).

 

Vous allez trouver la ligne suivante:

<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) right center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>

Que vous remplacez par:

<div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) center center no-repeat; background-size:cover; min-height:{$categorySize.height}px;"{/if}>

Edited May 26, 2015 by J. Danse (see edit history)

[ptaiebpro]

Merci J Danse