Présentation des produits Hikashop

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56089

Bonjour,

J'ai de nouvelles questions concernant le paramétrage de la présentation des produits:
1- Pour les liens de menus permettant l'affichage des produits ou des catégories de produits, comment peut-on configurer les valeurs par défaut?
2- Je voudrais afficher le nom de la catégorie de 1er niveau dans la partie droite de la page produit, au dessus du descriptif:

Comment faire?
3-Comment centrer verticalement l'image du produit lorsqu'il s'agit d'une image horizontale?
4-Dans la partie "Descriptif", pur les valeurs du champ personnalisation, peut-on les mettre l’une en dessous de l’autre ?
5- Paramétrage du module Carousel pour chaque sous catégorie de produit: comment appliquer la classe CSS?
Merci pour vos réponses

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

  • Posts: 81540
  • Thank you received: 13071
  • MODERATOR
11 years 9 months ago #56136

1. C'est dans les options hikashop du menu. Vous pouvez y accéder via le menu Affichage->Menus de contenu.

2. Vous pouvez faire comme cela:
www.hikashop.com/fr/forum/4-how-to/42759...duct-categories.html

3. Ca n'est pas le cas ? Auriez vous un lien vers cette page ?

4. Ca devrait également être le cas par défaut.

5. Pourriez vous donner plus de précisions ? Je ne comprends pas votre question.

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56142

Voici le lien pour l'aperçu image du produit:
http://test.portes-eden.fr/aluminium/les-exclusives-pour-eden-alu/product/1-jojoba

Sur cette même page, les 2 valeurs du champ "personnalisation" se trouvent l'une à côté de l'autre, séparées par une virgule. Je les voudrais l'une en-dessous de l'autre.

Quant au carrousel, il se présente sous forme de liste à puces et je n'arrive pas à le paramétrer correctement.

Merci

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

  • Posts: 81540
  • Thank you received: 13071
  • MODERATOR
11 years 9 months ago #56209

1. Pour le centrage de l'image en vertical, je ne vois pas de solution possible en CSS.
Il faudrait voir ça avec un designer spécialiste du CSS mais pas sûr que ca soit possible aisément.

2. Pour cela, il va falloir changer le code (à plusieurs endroits):
if(!is_array($value)){
$value = explode(',',$value);
}

en:
if(!is_array($value)){
$value = explode('<br/>',$value);
}

dans le fichier administrator/components/com_hikashop/classes/field.php

3. Pour le carroussel, pourriez vous fournir une capture d'écran de la page d'options du carroussel ?

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56246

pour un centrage vertical il y a (au moins) 2 solutions en CSS
le tag contenant l'image

#container{
display:table-cell;
vertical-align:middle;
}
#image{
margin:auto;
}

autre solution que j'ai mis en ligne ici --> ymalaya.com/html-css/valign.html
#container {
            text-align:center;
            height:800px;
            line-height:800px;
            background-color:#000000; }
#image { vertical-align:middle;}

si inconnue on peut recuperer en php la hauteur de l'image et creer le style css dynamique dans la balise
$height = @getimagesize($image_path)[1];

Last edit: 11 years 9 months ago by erickb.
The following user(s) said Thank You: nicolas

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56257

Merci pour ces solutions concernant le centrage des images, je vais les tester.
Voici les réglages du carrousel:

Attachments:

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

  • Posts: 81540
  • Thank you received: 13071
  • MODERATOR
11 years 9 months ago #56319

Pour le carroussel il faut finir de le configurer.
Mettez un nombre d'éléments (30 par exemple) et une durée de l'effet du carroussel.

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56357

Désolé, mais aucune de vos solutions ne fonctionne:
- le carrousel s'affiche toujours sous forme de liste à puces
- les valeurs du champ "personnalisation s'affichent toujours séparées par une virgule
- l'alignement vertical de l'image ne se fait pas

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56358

quel est le lien de la page du produit et quelle image exactement doit être alignée verticalement ?

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56359

le lien vers la page:
http://test.portes-eden.fr/aluminium/les-exclusives-pour-eden-alu/product/2-canola

l'image qui doit être alignée est celle qui s'affiche quand on passe sur la 2ème miniature (image horizontale "canola ambiance"). Il faudrait que cela puisse s'appliquer à tous les produits.

Merci

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56362

c'est a dire ?
la grande image a gauche du :


Descriptif
Style Porte petit vitrage
Crédit d’impôt applicable Oui
Coefficient Thermique 1.0
Coloris Alu

Last edit: 11 years 9 months ago by erickb.

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56363

oui, c'est bien cette image

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56366

rien dans le code n'indique que vous avez essaye de l'aligner verticalement
le vertical-align en CSS malheureusement ne marche que sur des TD et TH des cellules de table

dans le div qui contient l'image il faut mettre


<div style="display:table-cell;vertical-align:middle;height:305px;"> comme je l'ai marque plus haut

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56367

OK, merci, je vais essayer

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56369

dans la feuille de style pour ce

<div id="hikashop_main_image_div" class="hikashop_main_image_div">

il faut mettre

#hikashop_main_image_div{
display:table-cell;
vertical-align:middle;
}

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56389

Finalement j'ai réussi à l'aligner, mais en plaçant le code dans la div: .hikashop_product_main_image_thumb et non pas dans .hikashop_main_image_div

Merci

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56394

oui ca depend ce qu'il y a derriere

le display:table-cell est trop utilisé alors que meme IE7 le comprend tres bien

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56395

Maintenant il me reste le problème de mon carrousel qui s'affiche sous forme de liste à puces. Je n'arrive pas à le configurer correctement

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

  • Posts: 2605
  • Thank you received: 65
  • Hikashop Business
11 years 9 months ago #56397

list-style:none;

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

  • Posts: 139
  • Thank you received: 0
11 years 9 months ago #56398

dans quelle classe css?

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

Time to create page: 0.105 seconds
Powered by Kunena Forum