Align Text To The Right Of Image

  • Posts: 15
  • Thank you received: 2
11 years 9 months ago #124172

-- url of the page with the problem -- : www.tastefinewines.co.uk/new/index.php/s...uct/27-edinburgh-gin
-- HikaShop version -- : 2.2.1
-- Joomla version -- : 2.5.14
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : Chrome


Hi There,

Basically what I want to do is when displaying a product on the product page view I want to be able to have the text to right hand side of the image underneath the "Add To Cart" button. If you check out the page here then you can see that the text is below the image and makes it look long winded.

Any help would be great, Thanks.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 9 months ago #124242

Hi,

You have to edit the view "product / show_default" via the menu Display > Views and move the description part from the hikashop_bottom part to the hikashop_right part.
You will probably have to set a little css property on the right part to set the width to "48%".

Last edit: 11 years 9 months ago by Xavier.

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

  • Posts: 15
  • Thank you received: 2
11 years 9 months ago #124282

Hi Xavier,

Thanks for your reply.

I managed to change the hikashop_product_bottom_part to the hikashop_product_right_part. But then when I add this CSS:

.hikashop_product_right_part {
width:48%;
}

Nothing seem to happen? Is this correct?

Thanks, Dom.

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

  • Posts: 13201
  • Thank you received: 2322
11 years 9 months ago #124305

Hi,
I think that you have removed too many elements.
There is no more the left part ;)

You should have hikashop_product_left_part and hikashop_product_right_part on the page.
Thanks to try to remove your customization by clicking on the dustbin in the views listing, and move again the description part in the right div without deleting the left part which contains the image.

Here is some documentation about layout customization:
www.hikashop.com/support/documentation/1...ize-the-display.html

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

  • Posts: 15
  • Thank you received: 2
11 years 9 months ago #124310

Just had a play around with the code and managed to get my head around it.

Thanks for you reply.

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

Time to create page: 0.060 seconds
Powered by Kunena Forum