Hikashop module display not responsive, help!

-- HikaShop version -- : 2.5.0
-- Joomla version -- : 3.4.3

Hi, sorry my english please, i have the next problems:

1- When creating products and display in 2+ blocks layout and the page becomes smaller, all info and image becomes really small (like trying to make the hole module responsive) so finally producs remain into 2+ colums but cant be seen well, if the product boxes were responsive they should stay one on top of the other when resizing and just resize images a bit, and not resize the hole module, what can i do?

2 -When creating products and display in tables layout i get opposite problem: the image isnt responsive, so the name of the product cant be seen because while the page becomes smaller the image doesnt resize.

3-Question: How can i display products individually into modules, like decide the ID for a mudule then only that selected product appears at that module?

Attached pics, please help

Hi,

1. It depends on your template and its CSS. Eventually you get a better result when changing the HikaShop setting for "Use Bootstrap design": www.hikashop.com/support/documentation/i...html#display_general
If that doesn't improve things, you might need to add custom CSS with media queries.

2. HTML tables are not responsive, indeed, at least not easily. You could eventually improve things - again - with custom CSS and media queries, but it will never be fully "responsive" when using a table.

3. Look here: www.hikashop.com/forum/product-category-...uct-in-a-module.html

HI

Im using Purity III, i changed options as mentioned on #1 and then the boxes became tables like, one on top of another (wich is the look i wanted for small screen not wide) and also made my site wider so it looks bad, as i didnt like it, returned to the previous options but my site remained wider... so now my design crosses the screen wide size, and only desactivating Hikashop component my site becomes normal size, why that happened and how i can fix it? do i have to reinstall hikashop?

What type of CSS can i add? so in boxes style on wider screens product will be next to each other and in cellphones products will be one on top of another? how to do it, please help with some steps because im not an expert at css or html.

Thanks a lot

Adding the products into an html module isnt working right, the products looks not centered, wide insted of boxes style, the text all over the place, i added a picture...this is the code suggested: {product}1|name|picture|cart|link|pricedis2|pricetax1{/product}

thanks aniway

nicolas wrote: Hi,

As Jerome said, the "use bootstrap design" option which handle the responsive system will only work fine if your Joomla template supports bootstrap 2.
The purity 3 template only supports bootstrap 3 so that explains why it doesn't display right.
You can make it work with this tip:
www.hikashop.com/forum/4-how-to/865505-b...hikashop.html#142070

nicolas wrote: Hi,

Regarding the product content tag, it doesn't handle multiple columns. If you want a products listing with multiple columns, then that's not what you want to use. Instead, you'll want to setup a products listing module and use the extension Modules anywhere in order to add the tag displaying the module where you want.