Skip to main content

Masquer le titre d'un champ personalisé

More
4 years 9 months ago - 4 years 9 months ago #337787 by TM
-- HikaShop version -- : 4.4.4
-- Joomla version -- : 4.0.4
-- PHP version -- : 8.0
-- Browser(s) name and version -- : Firefox 95

Bonjour,
Pour faire apparaitre une description courte d'un produit , j'ai crée un champ personnalisé ( est-ce la meilleure méthode ?)
Peut-on masquer le titre du champ dans la vue listing seulement (hover_x_img_title) ?
bonne soirée
TM
Last edit: 4 years 9 months ago by TM.

Please Log in or Create an account to join the conversation.

More
4 years 9 months ago #337790 by nicolas
Bonjour,

Oui, c'est possible en rajoutant du CSS:
Code:
.hikashop_products_listing_main .hikashop_product_custom_name { display:none; }
Ce CSS peut être rajouté comme expliqué ici:
www.hikashop.com/support/documentation/1...ize-the-display.html
The following user(s) said Thank You: TM

Please Log in or Create an account to join the conversation.

More
4 years 9 months ago #337846 by TM
Bonjour,
Merci, c'est bien plus propre et efficace que de modifier le contenu des vues comme j'avais commencé à le faire.
J'essaie d'appliquer la même méthode à la vue produit :
Pour faire disparaitre les titres de la zone block_custom_main
.key { display:none; } empêche l'affichage de la colonne qui contient le titre du champ
ça marche bien
Pour empecher l'affichage du titre de la zone je lui ai attribué une classe dans la vue block_custom_main
<h4 class="hikashop_product_custom_info_main_title"><?php echo JText::_('SPECIFICATIONS');?></h4>
et ajouter le css
.hikashop_product_custom_info_main_title { display:none; }
ça fonctionne à l'ouverture de la page produit mais le titre "Spécifications " réapparait lorsque je sélectionne une autre caractéristique
Etrange, non ?
cdt
Thierry

Please Log in or Create an account to join the conversation.

More
4 years 9 months ago - 4 years 9 months ago #337850 by Philip
Bonjour,

C'est surement car votre class ne permet pas de selectionner vos élément en tout contexte, ou plus directement (pour une raison ou une autre) la class de cet élément précis est différente.

Utilisez l'outil de votre navigateur, l'inspestor tool, pour ce faire, pointez votre élément et faites clique-droit => Inspector tool.
Cela vous permettra de voir les commandes css appliquées et la class de votre élément.


Notez bien que les variantes, une fois selectionnée vont afficher différent Html (et donc potentiellement des class différentes d'une variante à une autre).

En espérant que cela vous aide dans vos customisations.
Cordialement
Last edit: 4 years 9 months ago by Philip.

Please Log in or Create an account to join the conversation.

More
4 years 9 months ago #337886 by TM
Bonjour,
Merci avec vos conseils j'ai trouvé la solution.
Je n'avais pas identifié la bonne balise et placer l'instruction dans le mauvais fichier css
En ajoutant #hikashop_product_custom_info_main h4 {display: none;} dans le css du template ça fonctionne à 100%
Cordialement
TM
The following user(s) said Thank You: Philip

Please Log in or Create an account to join the conversation.

Time to create page: 0.164 seconds
Powered by Kunena Forum