- Posts: 14
- Thank you received: 2
Move product description
13 years 4 months ago #113608
by bootfair
Move product description was created by bootfair
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
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.
13 years 4 months ago #113643
by nicolas
Replied by nicolas on topic Move product description
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 ?
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.
13 years 4 months ago #113645
by bootfair
Replied by bootfair on topic Move product description
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
brightstar.your-sandbox.info/index.php/retail/products
Thanks
Please Log in or Create an account to join the conversation.
13 years 3 months ago #113872
by Xavier
Replied by Xavier on topic Move product description
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
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.
13 years 3 months ago #114126
by bootfair
Replied by bootfair on topic Move product description
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.
Less
More
- Posts: 12953
- Thank you received: 1778
13 years 3 months ago #114134
by Mohamed Thelji
Replied by Mohamed Thelji on topic Move product description
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.
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.059 seconds