Social Plugin breaks layout

Hello guys,

I enabled the social plugin, which looks great by the way, my layout gets weird.

This is how it looks without social plugin:


This is how it looks with the social plugin:


Can you please tell me what file to modify and how for this plugin to not modify anything below itself.

Thank you!

It's a CSS issue specific to your website.
Please provide the link to that page so that we can analyze your CSS to answer you.

Hello Nicolas,

I've just updated to the 2.1.1 version.

Of course, my css override has been erased:

I had this so the variant menu won't appear behind the image:
#hikashop_product_right_part {
float: right;
width: 350px;
}

And I had this so the description won't be far away from the image (there was a lot of space after the image):

div#hikashop_product_main_image {
height: 0px;
}

Is there a smarter way to apply these also instead of my "butcher" css skills?

Also, in a previous topic you said: I had also to split a left join query to two queries in the file components/com_hikashop/views/product/view.html.php however, we won't be able to add that by default in HikaShop as we loose the possibility to order the products listings by product ordering.

I've attached that view.html.php file. Can I, with my limited knowledge apply the same changes to the new view.html.php file? Which are the modifications? Or can I just overwrite it?

Hi,

I don't remember the modification. Ideally, you should compare the old version of the view.html.php with the one I had changed and apply the same modification to the new version.

Instead of editing the CSS directly, you should edit it via the interface in the configuration. That way, you won't loose your changes when you update.

Ok,

I will check the php.

Can you please help me with the css part?

I promise I won't bother you with this again.

p.s. I sent you login details by pm.

I don't know why the server stopped during the night, but the site is on again.

You can add that CSS to avoid the issue:
.hikashop_product_page .row-fluid{
clear: both;
}