Update to 3.0.1 from 2.6.1 Changes content module layout

-- HikaShop version -- : 3.0.1
-- Joomla version -- : 3.6.4

Before the update our content modules were nicely arranged as 4 X 1 on the front page. Since the update they appear as a simple list.

Help would be appreciated before I update our live site.

Hi,

This comes from CSS you have in your template:
monosnap.com/file/rGPa8yvhARsSEYVjc7FRT0zRwJ3NT8
As you can see on the screenshot, if you remove the width: 100% in that CSS coming from the file /templates/juicy/less/extensions/hikashop/custom2.css it will then display properly.
I would recommend contacting your template provider for the correct procedure to change that. It would be great also if they could update their template so that other users updating their HikaShop won't have the same problem.

Thanks Nicolas
That makes sense - Unfortunately we've lost our Joomla Expert and are on the look out for someone who can help support us. We are also looking for a faster template to use...
Appreciate your help!
Thanks

Any idea what I need to change to get those product images nicely centred? All refuse to move from the left...

Nicolas - I have a similar/same issue but the CSS seems to be in Hikashop custom CSS?

.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product {
float: left;
width: 100%;
}

www.naturalenzymes.co.uk/media/com_hikas...tom.css?t=1489496702

I don't understand the change and although changing the width% changes the appearance, it still doesn't obey the setting in the product options menu setting properly as far as I can see.

Example listing display: www.naturalenzymes.co.uk/kleen-green-naturally

Hello,

@Bobwales :
I'm afraid that Nicolas already gave you the answer with a proof that removing the CSS rule would fix the issue.

This comes from CSS you have in your template:
monosnap.com/file/rGPa8yvhARsSEYVjc7FRT0zRwJ3NT8
As you can see on the screenshot, if you remove the width: 100% in that CSS coming from the file /templates/juicy/less/extensions/hikashop/custom2.css it will then display properly.

@bobhawthorne : This thread is about a CSS issue with the template which can only happens with HikaShop3. You're on HikaShop 2.6.4, which means that you must have activated the "use bootstrap design" setting while your template is not compatible with it. I see that the listing now display properly so I suppose that you must have turned off that setting already and the problem is solved.

Regards,

Thanks for the reply however:

I got the issue AFTER I upgraded to Hkashop 3.x By the time you looked I had downgraded back to 2.6.x hence it works like it should. I ill not upgrade again until I get an answer I can understand.

My template is not the same - I use yootheme and the CSS reference is very differemt and seems to point to hikashop not the template.

What have you done to your code/CSS in 3.0.1 that now makes it so difficult to obtain the correct behaviour??

Hi Jerome
Yes, Nicolas has shown how to fix the first issue of stars not centred (very grateful), now the issue of product images not centred remains...
Shows most clearly on this link, half way down the article in a Suggestions for you... module.

[Link removed]

If you can show which css to change I'd be grateful.
Kind regards
Bob

Hello

@bobhawthorne

If you perform some search in our forum or using search engine you will find some thread talking about your issue.
www.hikashop.com/forum/install-update/88...-website.html#260428
Please understand that this thread have nothing related with your issue ; please post elsewhere.
Thank you for your understanding

@Bobwales

You are not using the HikaShop front-end CSS ; so there is a lot of rules missing, like (for example) Please understand that you will have to see with your template provider to fix these issue or at least include the HikaShop frontend_default CSS file in your website to get the HikaShop default layout.
As long as you do not use HikaShop files ; I'm afraid that we won't be able to help you further, you're with a customized website and not our customizations.

Regards,

Understood Jerome
We're using .less to compress css, so not so easy to maintain. I appreciate your comments.
Thanks
Bob