Modifier hauteur ou ajustement du texte dans produits phares

[saiga]

Bonjour,

 

Dans mon module produits phares, j'ai le texte du résumé d'un produiys qui touche le lien" Plus Info"

voir page ici: www.alarme-jb.fr

 

J'ai essayé de modifier le height du fichier homefeatured.tpl, mais celà n'influe pas sur ce que je souhaite.

 

 

 

merci.

Edited February 23, 2014 by saiga (see edit history)

[DeyDDy]

Bonjour saiga,

 

C'est plutôt une modif css

 

à la ligne 41 du homefeatured.css

#featured-products_block_center .product_desc {
    height: 45px;
}

[saiga]

Merci.

J'ai cherché mais je ne trouve pas ce fichier...

 

Peux-tu me guider dans ma recherche.

 

j'ai chercher dans le dossier module/theme, et dossier css, mais ya rien...

Edited February 23, 2014 by saiga (see edit history)

[DeyDDy]

Le fichier se trouve

Dans modules >> homefeatured >> homefeatured.css

[saiga]

Dans mon fichier j'ai celà:

J'ai modifié #featured-products_block_center .product_desc {height:45px;} mais rien ne bouge.

 

#featured-products_block_center li {
    margin-right:10px;
    padding:10px 0;
    width:126px;
    height:240px
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
    padding-top:5px;
    height:30px;
    font-size:12px;
    color:#222;
    padding-bottom: 0;
    font-weight:bold;
}

#featured-products_block_center .product_image {
    display:block;
    position:relative;
    overflow:hidden
}
#featured-products_block_center .product_image span.new {
    display: block;
    position: absolute;
    top: 15px;
    right:-30px;
    padding: 1px 4px;
    width: 101px;
    font-size:10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #990000;
    transform: rotate(45deg);  /* Newer browsers */
}

#featured-products_block_center .product_desc {height:45px;}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
    color:#666
}
#featured-products_block_center .lnk_more {
    display:inline;
    padding-right:10px;
    font-weight:bold;
    font-size:10px;
    color:#0088cc;
    background:url(img/arrow_right_1.png) no-repeat 100% 3px;
}
#featured-products_block_center .price_container {
    margin-top:10px;
    padding:0;
}
#featured-products_block_center .price {
    font-weight:bold;
    font-size:14px;
    color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

Edited February 23, 2014 by saiga (see edit history)

[DeyDDy]

Il te suffit de mettre un 65px à la place du 45px

 

J'ai mis une couleur bleu sur la ligne en question

 

 

Dans mon fichier j'ai celà:

J'ai modifié #featured-products_block_center .product_desc {height:45px;} mais rien ne bouge.

 

#featured-products_block_center li {
    margin-right:10px;
    padding:10px 0;
    width:126px;
    height:240px
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
    padding-top:5px;
    height:30px;
    font-size:12px;
    color:#222;
    padding-bottom: 0;
    font-weight:bold;
}

#featured-products_block_center .product_image {
    display:block;
    position:relative;
    overflow:hidden
}
#featured-products_block_center .product_image span.new {
    display: block;
    position: absolute;
    top: 15px;
    right:-30px;
    padding: 1px 4px;
    width: 101px;
    font-size:10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #990000;
    transform: rotate(45deg);  /* Newer browsers */
}
#featured-products_block_center .product_desc{height:45px;}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
    color:#666
}
#featured-products_block_center .lnk_more {
    display:inline;
    padding-right:10px;
    font-weight:bold;
    font-size:10px;
    color:#0088cc;
    background:url(img/arrow_right_1.png) no-repeat 100% 3px;
}
#featured-products_block_center .price_container {
    margin-top:10px;
    padding:0;
}
#featured-products_block_center .price {
    font-weight:bold;
    font-size:14px;
    color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

[saiga]

Nikel , c'est bon!!!

 

Merci , pour cette précieuse aide.

 

Par contre maintenant j'ai le logo qui cache le prix du premier produit...

Edited February 23, 2014 by saiga (see edit history)

[DeyDDy]

Dans Paramètres avancés >> Performances

 

clique sur Forcer la compilation à chaque appel

et désactive le cache

 

ne pas oublier d'enregistrer 

[DeyDDy]

Je vois que la modification a bien était prise en compte

[saiga]

Oui, mais maintenant le logo "Scientech" cache le prix du premier produit. Comment faire?

Edited February 23, 2014 by saiga (see edit history)

[DeyDDy]

Alors il va falloir ajouter une ligne 

 

#featured-products_block_center.block {
margin-bottom:20px;
}

 

Toujours dans le même fichier homefeatured.css 

#featured-products_block_center li {
    margin-right:10px;
    padding:10px 0;
    width:126px;
    height:240px
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center .s_title_block,  #featured-products_block_center h5 {
    padding-top:5px;
    height:30px;
    font-size:12px;
    color:#222;
    padding-bottom: 0;
    font-weight:bold;
}
#featured-products_block_center.block {
    margin-bottom:20px;
}
#featured-products_block_center .product_image {
    display:block;
    position:relative;
    overflow:hidden
}
#featured-products_block_center .product_image span.new {
    display: block;
    position: absolute;
    top: 15px;
    right:-30px;
    padding: 1px 4px;
    width: 101px;
    font-size:10px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform: rotate(45deg);
    background-color: #990000;
    transform: rotate(45deg);  /* Newer browsers */
}
#featured-products_block_center .product_desc{height:45px;}
#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
    color:#666
}
#featured-products_block_center .lnk_more {
    display:inline;
    padding-right:10px;
    font-weight:bold;
    font-size:10px;
    color:#0088cc;
    background:url(img/arrow_right_1.png) no-repeat 100% 3px;
}
#featured-products_block_center .price_container {
    margin-top:10px;
    padding:0;
}
#featured-products_block_center .price {
    font-weight:bold;
    font-size:14px;
    color:#990000
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}

Edited February 23, 2014 by DeyDDy (see edit history)

[saiga]

A la suite du fichier? pas un endroit spécifique?

 

J'ai rajouter la ligne à la suite, mais rien n'a changé

Edited February 23, 2014 by saiga (see edit history)

[DeyDDy]

Peut importe l'endroit 

 

tu peut le mettre a la fin

[saiga]

apparament cela ne fait rien.

[saiga]

peut etre en descendant le module "editeur de page d'acceuil?

 

C'est pas dans le global.css du theme.

[DeyDDy]

Bonjour saiga,

 

Dans ce cas la modification est a faire dans le tpl du module homefeatured

 

Dans le fichier homefeatured.tpl vers la ligne 31

{assign var='liHeight' value=250}

change la valeur a 280

 

[akrev]

Boujour à tous,

 

J'ai réussi à changer la couleur de fond de la barre menu de "produit phare" et "meilleur vente"...

ligne 6009 du global.css

 

#home-page-tabs {
  border: none;
  background: none; }

 

Mais comment rajouter la petite barre qui sépare les 2 catégories ?  suivant les thèmes elle y est ou pas mais je trouve pas le paramètre à changer.

 

 

Merci.

Edited November 13, 2014 by akrev (see edit history)