Change distribution of the product page

  • Posts: 41
  • Thank you received: 1
5 years 3 months ago #301852

-- HikaShop version -- : 4.0.1
-- Joomla version -- : 3.4.8
-- PHP version -- : 5.3.29

Hi! It could be possible to change the product page to do something like that:

This message contains confidential information

The main photo more bigger and near at its left the rest of photos.

Thanks.

Best regards.

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

  • Posts: 81509
  • Thank you received: 13064
  • MODERATOR
5 years 3 months ago #301866

Hi,

It's possible yes.

So the main point is have the image to take the full width of the area instead of half and moving the area on the right of the image to the bottom of the image.
For that, you can use such CSS:

.hikashop_product_left_part {
    width: 100% !important;
}
Then, you can increase the size of the product page thumbnail with the corresponding setting under the "image" section of the HikaShop configuration.
Then, to have the small thumbnails on the side instead of the bottom of the main image display, you can do that with CSS. For example:
#hikashop_small_image_div {
    float: left;
    width: 150px;
}
div.hikashop_main_image_div {
    float: left;
}
Then, it's about configuring custom product fields and a description and maybe tweaking the display of the custom fields, price, etc with CSS and/or a view override.
www.hikashop.com/support/documentation/1...ize-the-display.html

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

Time to create page: 0.060 seconds
Powered by Kunena Forum