Forcer l'affichage des images à une taille particulière

  • Posts: 20
  • Thank you received: 0
3 years 9 months ago #320977

-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.19
-- PHP version -- : 7.3.19
-- Browser(s) name and version -- : Firefox 77.0.1 64 bits

Bonjour

Je suis en plein test d'HikaShop avec mon client qui créé lui-même ses catégories et ses produits.
Pour l'instant, pour simplifier sa compréhension, je lui ai demandé de créer ces informations uniquement en indiquant (en gros) les noms, descriptions et images et de tester les affichages au niveau du frontend.

Il est revenu vers moi en me demandant comment faire pour obtenir l'affichage des images des catégories et des produits comme c'est fait actuellement mais avec ...

... Une taille d'image qui ne dépasse pas un maximum en largeur et en hauteur (les images pouvant avoir été créées de tailles et de formes différentes selon les catégories et les articles.
... Le libellé qui s'affiche à droite de l'image (comme dans un tableau à 2 cellules, l'image étant dans le première et la désignation dans l'autre).
... Avoir la taille de l'image qui s'adapte en fonction de la taille de l'écran ET avoir la taille de l'écriture qui s'adapte également à cette taille

N'étant pas moi-même un grand spécialiste en CSS/PHP/HikaShop (que je découvre), j'imagine une solution mais où dois-je prévoir cette disposition d'affichage et un éventuel paramétrage/programmation ?

Merci d'avance pour votre aide.
Jean-Marie


Le peu que le sais est occulté par le trop que je ne sais pas...

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

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
3 years 9 months ago #320980

Bonjour,

1. C'est déjà le cas. Dans chaque élément de menu (module) dans l'onglet "products options" ("HikaShop options"), vous pouvez définir la tailles des miniatures pour le listing. Les images seront redimensionnées en préservant leur ratio pour rentrer dans la largeur/hauteur voulue. Après, dans la configuration HikaShop, dans la section "images" vous avez des options, genre par exemple "forcer la taille". Si cette option est activée, alors les images seront redimensionnées pour rentrer dans la taille voulue et en fonction de l'option "Image scale mode", soit des bords seront rajoutés, soit l'image sera "crop" sur les cotés pour pouvoir garder le ratio.

2. Dans chaque élément de menu (module) dans l'onglet "products options" ("HikaShop options"), vous avez l'option "Layout type" où vous pouvez sélectionner "image and description" pour faire cela.

3. Pour cela, il faut rajouter du CSS en fonction de ce que vous voulez. Il n'y a rien de prévu par défaut. Certains template joomla dispose déjà de ce genre de CSS qui s'applique sur tous les textes et toutes les images du site. Ce n'est donc normalement pas au composant lui-même de faire cela.
Du coup, pour rajouter ce genre de CSS, c'est normalement au niveau du template.
Vous pouvez aussi rajouter votre CSS comme expliqué ici ( www.hikashop.com/support/documentation/1...ize-the-display.html ) mais dans ce cas le CSS ne sera pas pris en compte sur les pages où HikaShop n'est pas chargé.

The following user(s) said Thank You: jmgroud

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

  • Posts: 20
  • Thank you received: 0
3 years 9 months ago #321040

Merci beaucoup pour ces explications.
Jean-Marie


Le peu que le sais est occulté par le trop que je ne sais pas...

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

Time to create page: 0.060 seconds
Powered by Kunena Forum