Product Layout and Description Layout Help

  • Posts: 6
  • Thank you received: 0
8 years 6 months ago #257887

-- url of the page with the problem -- : collectormotors.com
-- HikaShop version -- : 2.6.4
-- Joomla version -- : 3.6.5
-- PHP version -- : 7.0.12
-- Browser(s) name and version -- : Chrome

Can anyone explain why my product layout keeps getting "screwed up?" I get it fixed and everything is symetrical and then the following happens! This time I have spent hours to no avail in trying to get correct again!

Please view (messed up) URL's below for examples; (There are supposed to be (4) products on each row!)


Then! There is the product description displaying over specifications on the product page instead of below!

See URL's listed below;

Thank you!

Attachments:

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

  • Posts: 83993
  • Thank you received: 13605
  • MODERATOR
8 years 6 months ago #257939

Hi,

1. The problem comes from the line:
margin-left: 2.12765957447%;
in the CSS:
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.12765957447%;
}
in the file collectormotors.com/templates/lt_salon_car/css/legacy.css of your template. Remove it and it will display properly.

2.
The problem of the description on your product page comes from the CSS of your template.
It uses that CSS:
#hikashop_product_bottom_part {
position: absolute;
width: 50%;
top: 25%;
right: 0;
}
but instead, it should have that CSS:
#hikashop_product_bottom_part {
float: right;
clear: none;
width: 50%;
margin-top: -230px;
}
in the file collectormotors.com/templates/lt_salon_car/css/default.css

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

  • Posts: 6
  • Thank you received: 0
8 years 6 months ago #258028

Thank you so much!!! Greatly appreciated!!!

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

  • Posts: 6
  • Thank you received: 0
8 years 6 months ago #258040

The fix provided above did correct the description layout on (SOME) products and (NOT) on others!

Description displays bottom right!


Description displays bottom right!

However, test content on the following seem to be displaying correctly!

Thoughts?

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

  • Posts: 83993
  • Thank you received: 13605
  • MODERATOR
8 years 5 months ago #258051

Hi,

That's because if you want to have it in a position fixed below the right part, you need to actually edit the file "show_default" via the menu Display>Views in order to move the PHP block of code of the description rather than using CSS like your template is doing.
For example:
www.hikashop.com/support/forum/4-how-to/...mage-right-part.html

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

  • Posts: 6
  • Thank you received: 0
8 years 5 months ago #258087

Excellent! Thank you so much, Nicolas!

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

Time to create page: 0.046 seconds
Powered by Kunena Forum