Options sur deux colonnes

  • Posts: 55
  • Thank you received: 7
9 years 7 months ago #190439

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

  • Posts: 13201
  • Thank you received: 2322
9 years 7 months ago #190440

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.

  • Posts: 55
  • Thank you received: 7
9 years 7 months ago #190569

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

#hikashop_product_characteristics, #hikashop_product_options {border:1px solid #ddd; padding:5px; border-radius:3px}

Last edit: 9 years 7 months ago by fredjouan.

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

  • Posts: 13201
  • Thank you received: 2322
9 years 7 months ago #190580

Bonjour,

Dans la vue indiqué, vous pouvez potentiellement remplacer:

		<td>
			<?php echo $html; ?>
		</td>
	</tr>
Par:
		<td>
			<?php echo $html; ?>
		</td>
<?php if($i%2 == 0){ ?>
	</tr>
<?php } ?>

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

  • Posts: 55
  • Thank you received: 7
9 years 7 months ago #190717

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.

  • Posts: 82545
  • Thank you received: 13285
  • MODERATOR
9 years 7 months ago #190726

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.

  • Posts: 55
  • Thank you received: 7
9 years 7 months ago #190790

Bonjour et merci Nicolas,
Malgré cette ligne :

#hikashop_product_right_part{ width : 100px !important; }
l'affichage n'est pas conforme :



Une idée ?
Fred

Attachments:

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

  • Posts: 82545
  • Thank you received: 13285
  • MODERATOR
9 years 7 months ago #190795

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.

  • Posts: 55
  • Thank you received: 7
9 years 7 months ago #190839

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.

  • Posts: 13201
  • Thank you received: 2322
9 years 7 months ago #190846

Bonjour,

Vous pouvez changer

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

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

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

  • Posts: 55
  • Thank you received: 7
9 years 7 months ago #190978

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

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
9 years 7 months ago #190980

Bonjour,

Vous pouvez appliquer des propriétés css plus spécifiques.
Par exemple:

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