ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Customizing ProductCart
  New Posts New Posts RSS Feed - Viewport / Custom Layout Question
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Viewport / Custom Layout Question

 Post Reply Post Reply
Author
Message
ammonihah View Drop Down
Groupie
Groupie


Joined: 18-April-2008
Location: United States
Status: Offline
Points: 57
Post Options Post Options   Thanks (0) Thanks(0)   Quote ammonihah Quote  Post ReplyReply Direct Link To This Post Topic: Viewport / Custom Layout Question
    Posted: 22-September-2016 at 3:46pm
Desired Outcome:

When desktop viewport is detected, use a custom layout for all products by default.
When desktop viewport is not detected, use product cart's standard one column layout.

Example:

Navigate to Water
Navigate to Water Filters
Navigate to Berkey Water Filters
Click on Big Berkey 

This is the custom layout we want to use for all products. So when someone is on their computer and they go to DisasterStuff, we want this custom layout to show. But if they are on anything smaller we want the default ProductCart single column layout to be used.

Can this be done?
Back to Top
Matt View Drop Down
Moderator Group
Moderator Group


Joined: 20-July-2006
Location: United States
Status: Offline
Points: 73
Post Options Post Options   Thanks (0) Thanks(0)   Quote Matt Quote  Post ReplyReply Direct Link To This Post Posted: 22-September-2016 at 4:19pm
This is possible by enabling the "mobile settings" in the control panel from v5+.

The files to customize for mobile view:

- "theme/{them_name}/header_mobile.asp"
- "theme/{them_name}/footer_mobile.asp"

... and for tablet and desktop:

- "theme/{them_name}/header.asp"
- "theme/{them_name}/footer.asp"


If you use a responsive theme in v5.2+ you would disable the mobile settings because just about everything in the ProductCart core is responsive in v5.2.


EDIT:

You know, I just realized you don't want to change the page look, but rather the product layout.

So this is still possible and it is pretty straight forward for a programmer to setup.

Depending on what you want to change, it can be done without any programming using CSS media queries.

Many times in custom projects we give products different views on mobile just via CSS.

Unfortunately, it is more of a custom thing that depends on what you need, not a step by step article.

So I recommend getting in contact with our main office.


Edited by Matt - 22-September-2016 at 4:25pm
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.031 seconds.