VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: ibd2004 on February 08, 2016, 06:58:34 AM

Title: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 08, 2016, 06:58:34 AM
Hello,
I have this strange issue.
On pc i can see every thing fine but on mobile after adding an item to the cart, the Qty and item name is empty
but the price show fine.

I am using VM 3.0.9 on latest Joomla.

Any one can think of any reason why?

Can be seen here http://www.diamondshield.co.il/en/order-diamond-shield-online-now

Many thnks!
Title: Re: I can't see the product name and Qty on mobile
Post by: jenkinhill on February 08, 2016, 12:35:18 PM
The cart is not responsive, the item name and image is off screen to the left, and I guess the same problem with your quantity. Either override the cart and apply screen-size conditional css or use a checkout plugin known to be responsive, such as this one www.virtueplanet.com/extensions/vp-one-page-checkout

You should be using VirtueMart 3.0.12 now, 3.0.9 was a test/development version (you may find that the cart displays better with this version).  http://virtuemart.net/news/latest-news/473-security-release-virtuemart-3-0-12
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 08, 2016, 19:45:18 PM
Thank you for the answer.
I tried to find how to upgrade from 3.0.9 to 3.0.12 but could not find any explanation.
Can you please guide me how to do it?

Many thanks
Itai
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 08, 2016, 19:59:56 PM
Hi,

an update can be done directly in Joomla Update (Extension -> Manage -- select Update on left hand side) or simply download core and AIO packages from http://dev.virtuemart.net/projects/virtuemart/files
and install an update manually in Extensions -> Manage -- select Install on left hand side.

Before an update DO THE BACKUP just in case ;)
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 08, 2016, 20:23:52 PM
I have update the shop to latest 3.0.12 but i still can't see the product name and Qty in the checkout page from
mobile.

I have one more VM store 3.0.12 there i can see the product name and qty just fine on mobile.

So what am i missing? i don;t like to move to onepage checkout now (this site is live already)
Is there any thing i can do still?

Many thanks
Itai
Title: Re: I can't see the product name and Qty on mobile
Post by: GJC Web Design on February 08, 2016, 23:08:27 PM
they disappear because of this very badly thought out css rule

.view-cart table.cart-summary tr th:nth-child(2), .view-cart table.cart-summary tr td:nth-child(2), .view-cart table.cart-summary tr th:nth-child(5), .view-cart table.cart-summary tr td:nth-child(5), .view-cart table.cart-summary tr th:nth-child(6), .view-cart table.cart-summary tr td:nth-child(6), .view-cart table.cart-summary tr th:nth-child(3), .view-cart table.cart-summary tr td:nth-child(3) {
  display: none;
}

http://www.diamondshield.co.il/templates/ja_hawkstore/local/css/themes/blue/extras/com_virtuemart.css line 3310
removing it shows the cart correctly at smaller sizes although 2 columns are out of bed

and as for +3500 lines of css just for VM styling.. incompetence...

Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 09, 2016, 08:24:35 AM
Thank you
I have removed those lines but still the same (see image attached)
I must fix it ....
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 09, 2016, 09:46:36 AM
Hi,

try to add this line below at the end of the file:

.view-cart table.cart-summary tr td:nth-child(5) { display: block !important; }

Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 09, 2016, 10:08:39 AM
Have a look i see noting at all but the price
Title: Re: I can't see the product name and Qty on mobile
Post by: GJC Web Design on February 09, 2016, 10:14:10 AM
refresh your browser properly.. my fix does work!
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 09, 2016, 10:17:02 AM
In the image you sent in the last reply there are no info in the table....
How can u say that its working on your end?
Title: Re: I can't see the product name and Qty on mobile
Post by: GJC Web Design on February 09, 2016, 10:19:14 AM
because I can't be arsed going thru the checkout process yet again!

Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 09, 2016, 10:21:11 AM
You just need to add to cart the item
than in the screen you sent you need to see the item info.
You don't need to go the all process...
Title: Re: I can't see the product name and Qty on mobile
Post by: GJC Web Design on February 09, 2016, 10:22:54 AM
Honestly.. why am I bothering..  ?  YOU TEST IT.. its your site and your 3rd party problematic template
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 09, 2016, 10:25:29 AM
I don't understand why you med.
I am thank full for your help just wonted to point you that the last option did not work
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 09, 2016, 16:40:25 PM
Hey, friends, please calm down - it's easy problem. There is no reason to be mad :).
Solution provided by GJC will work as same as my solution. Problem is hidden in the template code. Mentioned quantity fields does not appear because developer put some CSS code which make some fields hidden on devices 767px and smaller.

Please simply make sure you removed the code which has been suggested as a source of an issue.
Using any code editor open  /templates/ja_hawkstore/local/css/themes/violet/extras/com_virtuemart.css file and on line 3310 find this:

  .view-cart table.cart-summary tr th:nth-child(2),
  .view-cart table.cart-summary tr td:nth-child(2),
  .view-cart table.cart-summary tr th:nth-child(5),
  .view-cart table.cart-summary tr td:nth-child(5),
  .view-cart table.cart-summary tr th:nth-child(6),
  .view-cart table.cart-summary tr td:nth-child(6),
  .view-cart table.cart-summary tr th:nth-child(3),
  .view-cart table.cart-summary tr td:nth-child(3) {
    display: none;
  }


If you want to make only quantity visible just remove this line:
  .view-cart table.cart-summary tr td:nth-child(5),

Or remove all above lines to make all visible on smaller devices.

IMPORTANT! - If you are using any caching solution (3rd party Joomla extension, Joomla cache, Content Delivery Network) you will need to flush it after the change.


Otherwise you can ask for the help a template developer however I'm sure guys from Joomlart will suggest you to do the same ;).
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 09, 2016, 18:29:28 PM
Thank you for your reply and efforts to help me solve this.
I have removed all those lines plus added the line

.view-cart table.cart-summary tr td:nth-child(5) { display: block !important; }

and recheck from a different mobile device.

And its the same, as you can see in the attach image the qty colum is empty and the rest colums can't be seen at all.

Can you please from your device if you can see the qty properly and the product name?
Many thanks again
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 09, 2016, 19:33:33 PM
Ibd - just checked your website in different web browser and the code still exists.
So, if you are sure you make the changes in mentioned files then the only what could still keep it is your cache. Do following:

1. Go to your Joomla Administrator Panel and select System -> Clear Cache and ... clear cache :)

2. As far I remember Joomlart templates using also some caching for CSS files. Please go to Extensions -> Templates --- select your template and find any CLEAR CACHE button. Hope I good remember ;)

3. If you have any 3rd party caching solutions then you should be able to flush them in Components -> COMPONENT NAME

4. If your server uses any caching solution contact your server provider and ask if they can flush it for you or explain you how to do this. Usually they are nice guys so, will be happy to help you ;).

5. If you are using any Content Delivery Network or any security solution (ie. incapsula or sucuri) then you need to log in to the panel and also clear the cache
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 09:24:13 AM
Thank you very much - in worked this time, i guess i removed it from the wrong theme early.
I have the site in his RTL version http://www.diamondshield.co.il/order-diamond-shield-online

I tried to find the theme for that one and to remove the code like i did in LTR but i am have difficult with it.

I removed the lines from here /public_html/templates/ja_hawkstore/css/rtl/blue
But this still the same (Im checking from proxy server).

Many thanks again!
Itai
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 09:31:45 AM
Well i think the corect file path is /public_html/templates/ja_hawkstore/local/css/rtl/blue/extras
Changed as well but still....
Its driving me crazy...
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 10, 2016, 09:57:25 AM
Hi Itai,

well actually it now works for me :) so, it seems you finally removed this in correct file :D.
Just clear your browser cache and see

Good day!
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 10:04:12 AM
The RTL one as well?
http://www.diamondshield.co.il/order-diamond-shield-online
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 10, 2016, 11:04:13 AM
Works good for both versions for me :)
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 11:09:49 AM
Im so glad to know that.
May i use your help for one last issue i have? (i hope its ok with you)

In this site i can't see the + and - images in the cart how can i get them to show?

http://www.jisrael.co.il/%D7%9E%D7%95%D7%A6%D7%A8%D7%99%D7%9D/instantly-ageless/%D7%A8%D7%9B%D7%99%D7%A9%D7%AA-10-%D7%99%D7%97%D7%99%D7%93%D7%95%D7%AA-%D7%A7%D7%A8%D7%9D-%D7%A2%D7%99%D7%A0%D7%99%D7%99%D7%9D-ageless

Many thanks my friend!
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 10, 2016, 11:32:38 AM
I'm getting a number of issues at this page - +/- buttons does not appear due a missing files. Please see the report:

Failed to load resource: the server responded with a status of 404 (קטגוריה לא נמצאה)
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-reviews.css?vmver=9058 Failed to load resource: the server responded with a status of 404 (קטגוריה לא נמצאה)
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-site.css?vmver=9058 Failed to load resource: the server responded with a status of 404 (קטגוריה לא נמצאה)
%D7%A8%D7%9B%D7%99%D7%A9%D7%AA-10-%D7%99%D7%97%D7%99%D7%93%D7%95%D7%AA-%D7%A7%D7%A8%D7%9D-%D7%A2%D7%99%D7%A0%D7%99%D7%99%D7%9D-ageless:649 Uncaught SyntaxError: Unexpected token )
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://www.jisrael.co.il').
chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js Failed to load resource: net::ERR_FAILED
base.js:3525 SVG's SMIL animations (<animate>, <set>, etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead.
chrome-extension://dliochdbjfkdbacpmhlcpmleaejidimm/cast_sender.js Failed to load resource: net::ERR_FAILED
chrome-extension://pkedcjkdefgpdelpbcmbmeomcjbeemfm/cast_sender.js Failed to load resource: net::ERR_FAILED
chrome-extension://fjhoaacokmgbjemoflkofnenfaiekifl/cast_sender.js Failed to load resource: net::ERR_FAILED
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-common.css?vmver=9058 Failed to load resource: the server responded with a status of 404 (קטגוריה לא נמצאה)
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-reviews.css?vmver=9058 Failed to load resource: the server responded with a status of 404 (קטגוריה לא נמצאה)
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-site.css?vmver=9058 Failed to load resource: the server responded with a status of 404 (קטגוריה לא נמצאה)


Looking at VirtueMart CSS files - they doesn't provide RTL version for missing files so, if your template doesn not provide RTL support then it may be necessary to create a copies of these files

http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-ltr-common.css
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-ltr-reviews.css
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-ltr-site.css

and save them RTL:

http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-common.css
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-reviews.css
http://www.jisrael.co.il/components/com_virtuemart/assets/css/vm-rtl-site.css

Hope this helps
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 11:56:16 AM
Yes that worked!!!
Thank you so much really!
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 10, 2016, 12:00:29 PM
No problem Itai :)
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 12:21:30 PM
I'm not sure if its proper to do that but is it possible that i will pay you for
fixing up the product page view like in the image attached? (ther eis image NOW and NEW).
Thank you!
Title: Re: I can't see the product name and Qty on mobile
Post by: ibd2004 on February 10, 2016, 12:22:51 PM
Here are the images
Title: Re: I can't see the product name and Qty on mobile
Post by: VMTemplates.net on February 12, 2016, 11:03:57 AM
Hi,
please check your PM