Personnalisation des produits en grilles

-- HikaShop version -- : 4.4.3
-- Joomla version -- : 3.9.28
-- PHP version -- : 7.4.2

Bonjour,

Je ne parviens pas à trouver la méthode pour personnaliser le contenu des divs qui présentent les produits en grilles. J'ai pourtant compris comment personnaliser le contenu des pages produits via l'override du fichier product/show_default.php (le constructeur de vue s'avérant très pratique du moins après une première approche). Y a t-il un équivalent pour ce que je cherche à faire ?

Par exemple, en regardant la pièce jointe, admettons que je souhaite :
- Faire passer le titre juste après l'image
- Le prix juste avant add to cart
- Supprimer Vote

Quelle est la marche à suivre ?

Merci !

Bonjour Philippe,

Parfait, merci ! Ouf, je respire

Ceci me mène à une autre question à la fois très différente sur le plan technique mais qui en réalité est liée sur le plan de mon parcours.

Après avoir posté ma question précédente hier, j'ai tenté d'obtenir des images responsive sur ces même zones.
J'ai fini par trouver que si je laissais les champs "taille de l'image" vierges dans les préférences HikaShop, je parvenais à ce que je souhaitais : des images qui occupent tout l'espace de leur container et se redimensionnent avec la taille de la fenêtre.
Du moins ceci fonctionne avec des mises en pages de type listing_img_title.php

Mais, comme indiqué dans mon premier post, je souhaite des mises en page de type listing_hover_x_img_title.php ce qui permet d'avoir plusieurs images qui se succèdent au survol.
Dans ce cas, les images sont toujours responsive mais "empilées" verticalement et sortent de leur container.
Y a t-il une manip (CSS ou autre) à effectuer pour régler ce problème ?

Merci

Bonjour,
Merci. Je viens de vous envoyer le lien en MP.
Attention, à ce stade ça pique un peu les yeux, ce sont juste des tests
Pour info, la balise "confidential" permet-elle de vous transmettre du contenu de manière cachée ?

Bonjour,

Merci pour votre retour.
Je viens donc de transmettre les références et accès dont vous avez besoin via votre formulaire.

Un peu surpris par votre remarque dans la mesure où je vous indiquais dans mon message sur quelle rubrique se trouvait le problème. Il vous restait donc un clic à effectuer.
De plus, je ne trouve pas trace de votre visite dans les logs du site.

En vous remerciant par avance pour votre aide.

Merci. Autrement dit, vous me confirmez que ce type d'affichage ne permet pas des images responsive (largeur et hauteur qui s'adaptent de manière homothétique selon la largeur du viewport) ?

Comme je le précisais plus haut, il est possible d'obtenir des images responsive si on n'attribue pas de dimension aux images dans les préférences HikaShop. Malheureusement les choses ne se passent pas de la même manière lorsqu'on choisit une succession d'images.

Je ne connais pas encore l'utilisation des badges, mais peut-être serait-il également possible (voire préférable) de les positionner en responsive ?… Ce qui éviterait donc de limiter les possibilités de responsive sur les images si j'en crois votre réponse.

Avez-vous une référence un peu plus spécifique concernant le "un peu de CSS" ?…

Merci.

Bonjour,

Effectivement, il me paraît délicat de laisser en ligne un site de test sur une aussi longue période.

Le problème que je rencontre sur les affichages hover_x_img_title m'évoque un souci d'overflow, mais je ne parviens pas à le régler à ce stade (les différentes images censées se succéder s'affichent les unes au dessus des autres et dépassent sous leur container).

Sinon, le template que j'utilise m'offre la possibilité de faire appel à des slideshows évolués, à la fois responsive, gérant le type de transitions et qui ne s'arrêtent pas à la dernière image. Précédemment, j'incluais ces slideshows dans des articles Joomla "classiques" en plaçant dans le corps des articles la mention suivante :
<h3>{loadmoduleid 453}</h3>
(pour le module 453 en l'occurrence).

J'ai tenté cette même manipulation via les articles des produits HikaShop, mais sans succès.
Connaissez-vous une méthode pour y parvenir ?

Bonjour,

Merci pour votre retour.

OK pour le moduleid qui s'affiche sur la page du produit, ça fonctionne, merci.
Malheureusement je ne maîtrise pas encore les champs personnalisés, la manip que vous préconisez est donc un peu prématurée pour moi…
J'ai tenté de demander un affichage listing qui comporte la description, mais dans ce cas "moduleid" s'affiche en toutes lettres :-/

D'accord avec l'idée d'utiliser votre configuration hover_x_img_title telle que vous l'avez conçue plutôt que de me compliquer la vie.
Même si j'avoue que je trouve cette solution un peu sommaire tout de même et surtout je suis toujours avec ce fameux problème d'images non responsive.
D'après ce que j'ai cru comprendre vous utilisez la hauteur attribuée aux images (miniatures) pour définir la hauteur du hover. Or les images ne se comportent de manière responsive que lorsque leur taille n'est pas définie… Je me demande donc si une solution existe en s'appuyant sur votre système. Je vous laisse me dire ça…

Peut-être que laisser le choix des unités à l'utilisateur (% ou vw plutôt que pixel) pourrait aider ?

J'ai mis à jour HikaShop avec la dernière version en date, mais le problème reste identique.
Puis je viens de remettre le site de test en ligne aux mêmes adresses et avec le même identifiant Super User que ce que je vous avais transmis précédemment.

En vous remerciant par avance pour votre aide.

Bonsoir,

Très bien, je vais faire comme ça.
Merci, bonne soirée.

Bonjour,
Comme convenu, je viens donc de remettre le site en mode online, histoire de souhaiter une bonne rentrée à Philippe
En vous remerciant par avance pour votre aide.

Bonjour Philippe,

Désolé, n'ayant pas reçu d'alerte email, je suis passé à côté de votre message.

Je ne m'explique pas non plus cette largeur de 320px. Si j'en crois l'inspecteur de Firefox, il s'agit d'un style inline et non de CSS override. Toujours est-il que l'affichage était différent lors de la mise en ligne. Je pense donc que ceci a dû être ajouté lors de vos tests et non par moi.

Histoire de repartir sur une base plus claire, je viens de remettre ma version en ligne, tout en désactivant mes propres CSS afin de ne pas rendre les choses plus complexes pour rien à ce stade. Il reste bien entendu celles du template utilisé.

En espérant que ceci puisse vous aider…
Merci !