Help with radio buttons for custom field

  • Posts: 209
  • Thank you received: 18
  • Hikashop Business
8 years 10 months ago #203511

-- HikaShop version -- : 2.3.5
-- Joomla version -- : 3.4.1

I need help! I am using an Artisteer template that requires me to add some extra code to the index.php so that Hikashop listings are responsive:
From the Artisteer forums:

To load bootstrap stylesheet libraries please try the following solution:
1. open index.php file
2. find the line below:
JHtml::_('behavior.framework', true);
3. add this code right after the line above:
JHtml::_('bootstrap.tooltip');
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap.min.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap-responsive.min.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/bootstrap-extended.min.css');
$doc->addStyleSheet($this->baseurl .
'/media/jui/css/icomoon.css');
Great! This makes my hikashop listing responsive. BUT as soon as I add this code, the radio buttons on my product page for custom fields align vertically instead of horizontally. See attached images.

I have tried every CSS solution I could find in the Hikashop forums but nothing works to return the radios to a horizontal alignment. Any suggestions? I'm not bad with CSS but PHP not so great. I need the bootstrap code in the index.php file to make my hikashop product listings responsive. (My site is offline atm)

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
8 years 10 months ago #203521

Hi,

You can add this kind of css properties at the end of your template css file:

.hikashop_product_custom_item_value input, .hikashop_product_custom_item_value label{display: inline-block !important; }

www.hikashop.com/support/support/documen...ize-the-display.html

The following user(s) said Thank You: JIK

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

  • Posts: 209
  • Thank you received: 18
  • Hikashop Business
8 years 10 months ago #203603

Thanks Xavier, that works perfectly!

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

  • Posts: 267
  • Thank you received: 5
4 years 3 months ago #314257

Hi,
I am trying to create a filter but by integrating it into the hikashop module, it is displayed vertically, it is a radio button or a botton check. How can I make it appear horizontally in the filter module?

Thanks

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

  • Posts: 12953
  • Thank you received: 1778
4 years 3 months ago #314268

Hello,

Can you give us more information about what you want to achieve through some screenshots for example, so that we can understand it and help you ? Thanks.

Kind regards,
Mohamed.

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

  • Posts: 267
  • Thank you received: 5
4 years 3 months ago #314317

Hello,

On the next link I would like the filters, color and size to appear horizontally instead of vertically. And if possible hiding the selection square. Many thanks.

www.ww2.universidadpopular.es/merchandising

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

  • Posts: 4510
  • Thank you received: 611
  • MODERATOR
4 years 3 months ago #314326

Hello,

Fist you can see how to set your HikaShop filter with this documentation .
And in a second time, use some custom css command, see this tutorial to see how to add your custom command in order to display it on vertical.

I think that you can use these kind of commands :

.your_filter_element_class {
    display: block;
    width: 100%;
}

Hope this will help you to achieved what you need.
Regards

Last edit: 4 years 3 months ago by Philip.
The following user(s) said Thank You: dvddvd

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

  • Posts: 267
  • Thank you received: 5
4 years 3 months ago #314595

Hello Philip,

Thanks to your explanation, I have managed to put the filter options horizontally.
I have not been able to eliminate the checks that I indicated in the following image.
Could you offer me a little more help in this matter.

Thank you very much and best regards.

Attachments:

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

  • Posts: 4510
  • Thank you received: 611
  • MODERATOR
4 years 3 months ago #314608

Hello,

Your solution, is little further down in the tutorial I provided in my previous message.
More precisely, here :



Regards

Last edit: 4 years 3 months ago by Philip.

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

Time to create page: 0.109 seconds
Powered by Kunena Forum