Masquer le titre d'un champ personalisé

  • Posts: 11
  • Thank you received: 1
  • Hikashop Essential
2 years 4 months ago #337787

-- 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: 2 years 4 months ago by TM.

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

  • Posts: 81513
  • Thank you received: 13066
  • MODERATOR
2 years 4 months ago #337790

Bonjour,

Oui, c'est possible en rajoutant du CSS:

.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.

  • Posts: 11
  • Thank you received: 1
  • Hikashop Essential
2 years 4 months ago #337846

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

Attachments:

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

  • Posts: 4509
  • Thank you received: 611
  • MODERATOR
2 years 4 months ago #337850

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.

alt


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: 2 years 4 months ago by Philip.

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

  • Posts: 11
  • Thank you received: 1
  • Hikashop Essential
2 years 4 months ago #337886

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.066 seconds
Powered by Kunena Forum