Skip to main content

Options sur deux colonnes

More
11 years 7 months ago #190439 by fredjouan
Options sur deux colonnes was created by fredjouan
-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.4
-- Browser(s) name and version -- : firefox

Bonjour,
Sur cet exemple , les options sont présentées sur une colonne. Pourtant, dans l'affichage des options, il est indiqué : nombre de colonnes 2.
Pourquoi ?

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

More
11 years 7 months ago #190440 by Xavier
Replied by Xavier on topic Options sur deux colonnes
Bonjour,

Il n'y a pas d'option pour afficher les options sur deux colonnes.
De quelle option parlez vous ?

Pour les afficher sur deux colonnes, il faudra éditer la vue "product / option".
www.hikashop.com/support/support/documen...ize-the-display.html

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

More
11 years 7 months ago - 11 years 7 months ago #190569 by fredjouan
Replied by fredjouan on topic Options sur deux colonnes
Bonjour Xavier,
Merci. En cliquant sur le lien du premier message, vous pouvez voir la liste des options. Le but est d'afficher cette liste sur deux colonnes puisqu'elle est importante.
Quels réglages pour obtenir cette présentation ?
Cordialement
Fred
Code:
#hikashop_product_characteristics, #hikashop_product_options {border:1px solid #ddd; padding:5px; border-radius:3px}
Last edit: 11 years 7 months ago by fredjouan.

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

More
11 years 7 months ago #190580 by Xavier
Replied by Xavier on topic Options sur deux colonnes
Bonjour,

Dans la vue indiqué, vous pouvez potentiellement remplacer:
Code:
<td> <?php echo $html; ?> </td> </tr>
Par:
Code:
<td> <?php echo $html; ?> </td> <?php if($i%2 == 0){ ?> </tr> <?php } ?>

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

More
11 years 7 months ago #190717 by fredjouan
Replied by fredjouan on topic Options sur deux colonnes
Bonjour Xavier,
Sauf erreur de ma part, la modif ne fonctionne pas. Le fichier modifié est :

components\com_hikashop\views\product\tmpl/option.php

Lignes 144 à 149
Il n'y a pas d'override à ma connaissance. Tous les caches sont vidés.
Résultat

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

More
11 years 7 months ago #190726 by nicolas
Replied by nicolas on topic Options sur deux colonnes
La modification va en effet être plus compliquée que cela si vous éditez l'html.
Faites le en CSS, ca sera plus simple.
Ajoutez ce CSS sur votre site et cela s'affichera comme cela: take.ms/CQ6Mh

#hikashop_product_options tr,#hikashop_product_options td {
display: block;
float: left;
width: 50%;
}
#hikashop_product_left_part{ display:none; }
#hikashop_product_right_part{ width : 100px !important; }

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

More
11 years 7 months ago #190790 by fredjouan
Replied by fredjouan on topic Options sur deux colonnes
Bonjour et merci Nicolas,
Malgré cette ligne :
Code:
#hikashop_product_right_part{ width : 100px !important; }
l'affichage n'est pas conforme :



Une idée ?
Fred

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

More
11 years 7 months ago #190795 by nicolas
Replied by nicolas on topic Options sur deux colonnes
Pardon, je voulais dire:
#hikashop_product_right_part{ width : 100% !important; }
et non:
#hikashop_product_right_part{ width : 100px !important; }
The following user(s) said Thank You: fredjouan

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

More
11 years 7 months ago #190839 by fredjouan
Replied by fredjouan on topic Options sur deux colonnes
Bonjour Nicolas et merci,
Sans trop abuser de votre temps, c'est possible pour réduire encore un peu l'espace des options, de présenter la liste en trois colonnes ?
Fred

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

More
11 years 7 months ago #190846 by Xavier
Replied by Xavier on topic Options sur deux colonnes
Bonjour,

Vous pouvez changer
Code:
#hikashop_product_options tr,#hikashop_product_options td { display: block; float: left; width: 50%; }
En:
Code:
#hikashop_product_options tr,#hikashop_product_options td { display: block; float: left; width: 33%; }

Et ajouter:
Code:
#hikashop_product_options select[multiple], select[size] { height: auto; width: 110px; }

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

More
11 years 7 months ago #190978 by fredjouan
Replied by fredjouan on topic Options sur deux colonnes
Bonjour et merci de votre aide,
L'affichage est parfait en trois colonnes, mais du coup, l'affichage deux colonnes sur cette page est un peu corompu...
Ce n'est pas trop grave mais l'affichage donne :


Fred

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

More
11 years 7 months ago #190980 by Xavier
Replied by Xavier on topic Options sur deux colonnes
Bonjour,

Vous pouvez appliquer des propriétés css plus spécifiques.
Par exemple:
Code:
#hikashop_product_Product1_product_page #hikashop_product_options select[multiple], select[size] { height: auto; width: 110px; }
Ne s'appliquera que sur la page du produit "Product1".

Vous pouvez trouver ce genre de classes et ids grâce à votre console navigateur comme expliqué dans le lien donné dans ce message: www.hikashop.com/forum/5-support-en-fran...colonnes.html#190440

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

Time to create page: 0.256 seconds
Powered by Kunena Forum