Jump to content

Best approach to display everything under one column when accessed via mobile


Recommended Posts

Howdy fellow geeks, so we are using cube cart 6.2.9 and it doesn't longer have the mobile theme right? It adjusts automatically for mobile view so what would be the best approach to display everything under one column when accessed through mobile? The thing is that it would be useful only for mobile because it looks good on desktop, product image left column and right column product options. Thanks in advance guys!

regards,

AJ
 

one_page.gif

Link to comment
Share on other sites

It is an easy edit, but won't survive an upgrade (as the Foundation skin skin gets replaced in its entirety). So, keep these notes.

In the template element.product.horizontal_gallery.php:

Find:

<div class="small-5 medium-7 columns horizontal">

Change to:

<div class="small-12 medium-7 columns horizontal">

Find:

<div class="small-7 medium-5 columns">

Change to:

<div class="small-12 medium-5 columns thickpad-left">

In the template element.product.vertical_gallery.php:

Find:

<div class="small-5 medium-{if is_array($GALLERY) && count($GALLERY) > 1}6{else}7{/if} columns text-center nopad">

Change to:

<div class="small-12 medium-{if is_array($GALLERY) && count($GALLERY) > 1}6{else}7{/if} columns text-center nopad">

Find:

<div class="small-7 medium-5 columns thinpad-left">

Change to:

<div class="small-12 medium-5 columns thickpad-left">

The skin uses either the horizontal or vertical gallery template, but the edit was applied to both just to be complete.

Link to comment
Share on other sites

I don't see this experiment on your /play/ store.

But using my browser's Developer Tools, I made the edits to the source HTML retrieved by the browser and the layout change works fine - to 'mobile'-width and back to 'desktop'-width.

Link to comment
Share on other sites

For this page, I think your image is too big.

Somewhere, there is a missing "max-height:225px".

You say you are running CC629?

There has been a fix for this:

https://github.com/cubecart/v6/issues/2842

 

Edited by bsmither
Link to comment
Share on other sites

Please try this. Download CC6410. Extract just the template files element.product.vertical_gallery.php and element.product.horizontal_gallery.php.

Replace the two existing template files with these, and re-apply the edits above.

If you can get into your admin, there will be a "Clear Cache" button in the upper-right of the admin screen. Click it.

If you can't get into admin, on any web address for your store, at the end, add:

?clear_cache=true

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...