Product details mobile view issue

**GK User** Mon Jun 08, 2015 1:12 pm Reply with quote Report this post

Hi,

i have some problems with the mobile view of the product details.
For any reason it appears not like it should.
The two colums containing the main image and the product information do not collapse.
I looked at the source and i see a different structure. There are some classes missing and the mobile.css is not applied.

Can you please tell me what to do to fix this?

Problem site:
<div class="productDetails">
<div>
<div class="main-image">
</div>
<div>
</div>

Working site:
<div class="productDetails">
<div class="width36 floatleft">
<div class="main-image ">
</div>
<div class="width58 floatright">
<div class="clear"></div>
</div>

**GK User** Mon Jun 08, 2015 3:19 pm Reply with quote Report this post

Could you please post an url to your site?

**GK User** Mon Jun 08, 2015 3:19 pm Reply with quote Report this post

Ps, please write which version of Joomla are you using (2.x or 3.x).

**GK User** Tue Jun 09, 2015 10:02 am Reply with quote Report this post

Hi Cyberek,

i added the classes to the div and added a !important to the width:100% from .productDetails .floatright, .productDetails .floatleft
Now it works normal.

.productDetails .floatright, .productDetails .floatleft {
clear: both;
float: none !important;
margin: 20px 0;
width: 100% !important;
}

Looked into my Storebox 2.5 and 3 folders and the classes are missing in:
html/com_virtuemart/productdetails/default.php

Its VM 3.0.9 and Joomla 3.4.1

Greetz

**GK User** Tue Jun 09, 2015 11:46 am Reply with quote Report this post

tweitkamp wrote:Looked into my Storebox 2.5 and 3 folders and the classes are missing in:
html/com_virtuemart/productdetails/default.php

I mean they are missing in the latest version of Storebox for j3

**GK User** Wed Jun 10, 2015 10:52 am Reply with quote Report this post

1. So the issue was Joomla3.x related?
2. Adding classes mentioned above to html in default.php helped?

**GK User** Wed Jun 10, 2015 10:56 am Reply with quote Report this post

Hi,

yes the issue was J3 VM3 related.
The classes are missing in the default.php - adding them helped.

Greetz

**GK User** Sat Jun 13, 2015 3:31 pm Reply with quote Report this post

And according to what you wtrite, they were correct in 2.x VM?

**GK User** Tue Jun 16, 2015 12:39 pm Reply with quote Report this post

can you provide us the right default.php ?

**GK User** Thu Jun 18, 2015 12:21 pm Reply with quote Report this post

Please provide us the correct html/com_virtuemart/productdetails/default.php from Storebox 3 and VM 3.0.9 and Joomla 3.4.1 and also the correct .css

**GK User** Fri Jun 19, 2015 9:48 am Reply with quote Report this post

there is a problem with the price on mobile view too, anyone have the solution ?

**GK User** Mon Jun 22, 2015 8:02 pm Reply with quote Report this post

Well its all described in @tweitkamp posts. You need to apply changes to default.php exactly as he described and to add css with media query to target only mobile site widths.
I have also submitted this issue to our devteam so you can wait for fix release if modifying the code is too much for you.

Ps. Do not bump you posts - it always makes you wait longer.