Social Plugin breaks layout

  • Posts: 90
  • Thank you received: 2
11 years 8 months ago #94431

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!

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
11 years 8 months ago #94440

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.

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

  • Posts: 90
  • Thank you received: 2
11 years 8 months ago #94445

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?

Attachments:

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
11 years 8 months ago #94448

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.

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

  • Posts: 90
  • Thank you received: 2
11 years 8 months ago #94452

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.

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

  • Posts: 90
  • Thank you received: 2
11 years 8 months ago #94453

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

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

  • Posts: 90
  • Thank you received: 2
11 years 8 months ago #94478

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

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
11 years 8 months ago #94569

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

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

Time to create page: 0.079 seconds
Powered by Kunena Forum