Product display

  • Posts: 44
  • Thank you received: 0
11 years 4 weeks ago #167313

-- url of the page with the problem -- : test.crossfitshorts.com/index.php/shop/g...dfather-v-boardshort
-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.3.3

Hello,

I'm trying to adjust the positioning of several of the 'product display' items, but I'm not have much success. I've reviewed ( www.hikashop.com/support/support/documen...ize-the-display.html ) and created a custom-css file for my template. I'm able to adjust the .hikashop_product_main_image_subdiv to get the image to display on the left, but not the rest of the items.

Please help me adjust the display so that the image, price, size, and add to cart are aligned to the left. I'd like to keep the thumbnails 'centered' under the main product image.

Please review screenshot of desired layout.



Thank you,
Todd

Attachments:

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

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 4 weeks ago #167338

Hi,

It's just a matter of adding the correct and not especially complex CSS on your website.
You can read more about CSS customization on this page: www.hikashop.com/support/support/documen...ize-the-display.html
In your case, what you want can be done with such CSS:

.hikashop_product_left_part{
width: 300px !important;
margin-left: -30px !important;
}
.hikashop_product_right_part{
width: 100% !important;
margin-left: 0px !important;
}
#hikashop_product_price_main{
margin-left: 0px !important;
}
#hikashop_product_characteristics{
float: left !important;
width: 100% !important;
}

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

  • Posts: 52
  • Thank you received: 0
11 years 3 weeks ago #167563

I believe he wanted it fixed to the right border, where your fixing the image to the left border.

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

  • Posts: 26274
  • Thank you received: 4045
  • MODERATOR
11 years 3 weeks ago #167565

Hi,

Regarding the "desired position" screenshot, it's the left, definitively the left.

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.080 seconds
Powered by Kunena Forum