Problème avec le template d'origine

buzionweb · November 17, 2014

Bonjour,

J'ai un drôle de problème avec le template d'origine quand je rajoute du texte en description pour une catégorie.

Tant qu'il n'y a pas de texte pour la catégorie la page s'affiche normalement, enfin je pense. Un seul titre et la photo :

http://www.buzionweb...25-deguisements

Par contre, quand j'ajoute du texte en description. Le texte se met en travers de la photo et un titre supplémentaire pour la page apparait en blanc sur fond blanc. On peut le voir dans la source mais aussi en faisant un ctrl+A sur la page pour sélectionner tout le texte de la page :

http://www.buzionweb...ments-mere-noel

Le problème ne se produit pas sur les pages fabricants :

http://www.buzionweb...-shades-of-grey

J'ai également regardé avec firebug désfois qu'il y ai un problème de chargement d'un fichier CSS ou un truc du genre mais rien d'anormal. Je sèche. Je suppose qu'il s'agit d'un problème de conception du thème parce que quand on regarde ici :

http://plaisirs-des-reves.eu/356-nuisettes

Il n'y a pas d'image et du coup il y a un rectangle gris et donc le texte blanc ressort. Par contre, quand on ajoute une image sur la catégorie le rectangle gris disparait et forcément le texte blanc ne passe plus.

PHP ça va je me débrouille mais pas du tout pour le CSS, quelqu'un saurait m'expliquer comment faire pour avoir une présentation digne de ce nom, par exemple celle de la page fabricant ?

Merci d'avance pour votre aide.

S-HAMMANI · November 18, 2014

Bonjour;

Tu peux regler ce souci en modifiant le fichier category.tpl citué dans le dossier theme par defaut

remplacer:

  <!-- Category image -->
  <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'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;" {/if}>
      {if $category->description}
          <div class="cat_desc">
          <span class="category-name">
              {strip}
                  {$category->name|escape:'html':'UTF-8'}
                  {if isset($categoryNameComplement)}
                      {$categoryNameComplement|escape:'html':'UTF-8'}
                  {/if}
              {/strip}
          </span>

Par:

  <!-- Category image -->
  <div class="">
      {if $category->description}
          <div class="cat_desc">
              {if $category->id_image}
                  <img class="img-responsive" src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="" height="{$categorySize.height}"  />
              {/if}
              <span class="category-name">
                  {strip}
                      {$category->name|escape:'html':'UTF-8'}
                      {if isset($categoryNameComplement)}
                          {$categoryNameComplement|escape:'html':'UTF-8'}
                      {/if}
                  {/strip}
              </span>

ATTENTION: le nom de la catégorie et sa description est en coleur blanche à modifier en css

Edited November 18, 2014 by S-HAMMANI (see edit history)

buzionweb · November 18, 2014

Merci de ton aide Hammani.

J'ai appliqué les modifications que tu m'as proposé et ça fonctionne. J'ai également changer la couleur du titre et du lien "plus de details" dans category.css

J'ai un problème qui persiste par contre. Quand on clic sur plus de détails on se retrouve avec l'extrait du texte plus le texte complet. L'idéal serait qu'on est l'extrait et si on clic le texte complet, mais pas les 2.

Tu as une idée pour y parvenir ?

buzionweb · November 21, 2014

Personne n'a d'idée ?

buzionweb · November 26, 2014

Personne ?

S-HAMMANI · November 26, 2014

Bonjour;

tu peux poster le code du fichier category.tpl ?

buzionweb · November 26, 2014

Bien entendu :

{*
* 2007-2014 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-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
	{if $category->id AND $category->active}
    	{if $scenes || $category->description || $category->id_image}
			<div class="content_scene_cat">
            	 {if $scenes}
                 	<div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                            {if Tools::strlen($category->description) > 350}
                                <div class="short_desc">{$description_short}</div>
                                <div id="category_description_full" class="unvisible">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category.link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div>{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                        </div>
                    {else}
                     <!-- Category image -->
							<div class="">
							{if $category->description}
							<div class="cat_desc">
							{if $category->id_image}
							<img class="img-responsive" src="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}" alt="" height="{$categorySize.height}" />
							{/if}
							<h1 class="category-name">
							{strip}
							{$category->name|escape:'html':'UTF-8'}
							{if isset($categoryNameComplement)}
							{$categoryNameComplement|escape:'html':'UTF-8'}
							{/if}
							{/strip}
							</h1>
                            {if Tools::strlen($category->description) > 350}
                                <div class="short_desc" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                     
                     </div>
                  {/if}
            </div>
		{/if}
		<span class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"><span class="cat-name">{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'}{/if}</span>{include file="$tpl_dir./category-count.tpl"}</span>
		{if isset($subcategories)}
		<!-- Subcategories -->
		<div id="subcategories">
			<p class="subcategory-heading">{l s='Subcategories'}</p>
			<ul class="clearfix">
			{foreach from=$subcategories item=subcategory}
				<li>
                	<div class="subcategory-image">
						<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
						{if $subcategory.id_image}
							<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{else}
							<img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
						{/if}
					</a>
                   	</div>
					<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'|truncate:350}</a></h5>
					{if $subcategory.description}
						<div class="cat_desc">{$subcategory.description}</div>
					{/if}
				</li>
			{/foreach}
			</ul>
		</div>
		{/if}
		{if $products}
			<div class="content_sortPagiBar clearfix">
            	<div class="sortPagiBar clearfix">
            		{include file="./product-sort.tpl"}
                	{include file="./nbr-product-page.tpl"}
				</div>
                <div class="top-pagination-content clearfix">
                	{include file="./product-compare.tpl"}
					{include file="$tpl_dir./pagination.tpl"}
                </div>
			</div>
			{include file="./product-list.tpl" products=$products}
			<div class="content_sortPagiBar">
				<div class="bottom-pagination-content clearfix">
					{include file="./product-compare.tpl" paginationId='bottom'}
                    {include file="./pagination.tpl" paginationId='bottom'}
				</div>
			</div>
		{/if}
	{elseif $category->id}
		<p class="alert alert-warning">{l s='This category is currently unavailable.'}</p>
	{/if}
{/if}

S-HAMMANI · November 26, 2014

Re

remplace ce bout de code:

                            {if Tools::strlen($category->description) > 350}
                                <div class="short_desc" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}"  class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}

PAR:

                            {if Tools::strlen($category->description) > 350}
                                <div class="short_desc" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" onclick="$('.short_desc').hide(); $('#category_description_full').show(); $(this).hide(); return false;" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}

Edited November 26, 2014 by S-HAMMANI (see edit history)

buzionweb · November 28, 2014

Waouh. Grand merci pour ton aide. Ça marche nickel comme ça. Merci beaucoup.

Sign In

Problème avec le template d'origine

Recommended Posts

buzionweb

Link to comment

Share on other sites

S-HAMMANI

Link to comment

Share on other sites

buzionweb

Link to comment

Share on other sites

buzionweb

Link to comment

Share on other sites

buzionweb

Link to comment

Share on other sites

S-HAMMANI

Link to comment

Share on other sites

buzionweb

Link to comment

Share on other sites

S-HAMMANI

Link to comment

Share on other sites

buzionweb

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