Move product description

  • Posts: 14
  • Thank you received: 2
11 years 3 months ago #113608

Hi,

Would it be possible to move the product description from right part to bottom of the image for responsive mode only. What happens is when the site is viewed via a mobile device the descrition floats over to the right of the box and out of the box's border on a rather tall text block with aprroximately 50px witdh. I am thinking aligning the description under the image for responsive mode would be great.

Any ideas?

Thanks

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

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 3 months ago #113643

Hi,

The description should already go to the bottom automatically if you have the "use bootstrap design" option of your HikaShop configuration activated and that your template supports bootstrap (for responsiveness).

Can you give a link to the product page ?

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

  • Posts: 14
  • Thank you received: 2
11 years 3 months ago #113645

Apologies. I have described the problem not quite good. It is not the product page. The description behaves correctly on the product page. It is the menu view. I am using image and description and the description always stays on the right. I was using a third party bootstrap plugin to make this work because my original template does not have bootstrap built in. For test purposes I have installed joomla's default protostar template and made this default for site and disabled the third party bootstrap plugin. But nothing changes. Here is link to the test page

brightstar.your-sandbox.info/index.php/retail/products

Thanks

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

  • Posts: 13201
  • Thank you received: 2322
11 years 3 months ago #113872

Hi,

To move the blocks where you want, you have to edit the view "product / listing_img_desc", you can read that tutorial to see how it's working:
www.hikashop.com/fr/support/documentatio...ize-the-display.html

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

  • Posts: 14
  • Thank you received: 2
11 years 3 months ago #114126

Thank you for your answer but this is not what I want to do. I want the description on the right as it is but I need the description move down under the image "ONLY on the mobile view". At the moment products listing page does not behave this way on mobile view.

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

  • Posts: 12953
  • Thank you received: 1778
11 years 3 months ago #114134

Hi,

If you want your website to have a different behavior, regarding if you're using a computer or a smartphone, you'll probably have to use Media queries and use different CSS code regarding your customer platform.

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

Time to create page: 0.075 seconds
Powered by Kunena Forum