page produit plus large

[varlet42]

Bonjour,

 

Y aurait-il une solution pour obtenir que la page produit soit en pleine page, alors que la page d'accueil serait comme elle est maintenant dans le thème par défaut ?

 

Un peu comme Amazon, la page d'accueil est centrée, et la page produit est en pleine page, c'est à dire tient la totalité de l'écran.

 

J'ai essayé de chercher dans le css, mais je n'ai pas trouvé.

 

Merci pour votre aide

[varlet42]

Personne pour m'aider ?

[Guest]

Bonjour, ce que vous voulez faire est réalisable mais il ne suffit pas de dire page produit "en pleine page", car ça implique pas mal de modifications sur la structure de cette page produit afin de na pas avoir trop d'espaces vides et faire en sorte que ça tienne la route gloablement.

voici une méthode pour y arriver sur le thème de base, pour la page produit vous pouvez editer le fichier header.tpl du thème et ligne 109 modifier
 

<div id="columns" class="container">

par

<div id="columns" class="container{if $page_name == 'product'}-fluid col-md-12{/if}">

Maintenant il vous reste le plus dur à faire : réorganiser cette page afin que ce soit propre et ergonomique, sans trop d'espaces vides non plus.

Bon courage !

vous pouvez aussi le faire en css mais je trouve cette méthode plus propre.

[varlet42]

Bonjour,

 

Merci beaucoup pour votre réponse, par contre ça ne fonctionne pas.

 

Je vous mets ce que j'ai, de la ligne n° 100 à la ligne n° 121 et à la ligne 109, ça n'est pas pareil, et j'ai essayé de mettre le code à modifier à plusieurs endroits, mais rien ne bouge.

 

(Ligne 100) </div>

{/if}

<div>

<div class="container">

<div class="row">

<div id="header_logo">

<a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">

<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>

</a>

</div>

{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}

</div>

</div>

</div>

</header>

</div>

<div class="columns-container">

<div id="columns" class="container">

{if $page_name !='index' && $page_name !='pagenotfound'}

{include file="$tpl_dir./breadcrumb.tpl"}

{/if}

( Ligne 121)<div id="slider_row" class="row">

[Guest]

alors.. c'est pourtant simple, même si c'est pas le ligne 109... je vois bien la ligne à modifier ici :

<div id="columns" class="container">

maintenant, il faut bien sur soit vider le cache smarty, soit forcer la compilation à chaque modification dans " paramètres avancés > performances " du back office.

Edited June 23, 2016 by Guest (see edit history)

[varlet42]

Ca ne fonctionne pas, même en vidant le cache Smarty ou en forçant la compilation.

 

La page d'accueil ne se charge carrément plus.

 

Tant pis, merci quand même

[Guest]

Ca ne fonctionne pas, même en vidant le cache Smarty ou en forçant la compilation.

 

La page d'accueil ne se charge carrément plus.

 

Tant pis, merci quand même

 

Effectivement, là je ne peux rien faire de plus pour vous...

Si la page ne se charge pas c'est que vous avez des erreurs de syntaxes dans votre code, vérifiez bien que tout est correct avant d'uploader à nouveau  en ftp le fichier qui doit être au bon format : UTF8 sans BOM.

[varlet42]

Ok, merci pour tout.