KnowledgeCenter/AmeriCommerce/Driving Sales, Marketing, & SEO
How to: Setup a Mobile Optimized Store.
Americart Support
posted this on September 05, 2012 18:30
Create a Mobile Optimized Version of your Store!
This allows Mobile phone users to browse your store's entire catalog, add items, make purchases, all on their phone.
Quick Setup Steps:
- In the AmeriCommerce Administration Console add the Mobile theme to your store by clicking Themes > Add New Theme.
- Select the mobile theme from the theme selection screen.
- Name the theme and save it.
- Set the default Mobile theme to this theme you just added by going to Stores > Your Store Name > Store Settings
- Find the Setting that says Mobile Theme and select the theme you just added.
- Save the Store Settings page.
Comments
Two questions:
1) Does this mean that each store that wants to work well with both PC's and mobile devices should have 2 themes? Both a normal theme for desktop and the mobile theme?
2) At what screen width does your system start showing people the Mobile version?
@greg
Your store comes standard with a total of 3 types of themes.
Your store theme is obvious since you have to deal with that to navigate your site from your desktop. The other two (mobile and facebook) are already in your store, they just need to be activated.
The instructions above are all you need to "turn on" your mobile version of your store.
Your #1 question. Yes, doing this will give you two active themes. OR you can create a custom store theme that is responsive for mobile - in that case, you would just have one active them. Generally, it's quick and easy to turn on the mobile them and go with that for your mobile customers.
Your #2 question. If you follow the instructions above to activate your mobile theme then your AmeriCommerce store gives the mobile theme based on mobile traffic (it's not based on resolution settings). However, if you were to create a custom theme that was responsive for mobile, that custom theme would need to indicate viewport and resolution sizes to perform properly.
Also, something you may want to keep in mind is that you can have a fully responsive/adaptive primary theme that reorganizes and looks differently at all of the various resolutions involved in tablets, phones, desktop and 4k displays. This is more work, but does allow intimate control over each monitor style. The new AmeriCommerce website theme lauching later this month will have just such a theme instead of having a dedicated mobile theme. Both tactics are valid, with the responsive layout you can scale down in different ways for each screen size instead of just having 2 options (full and mobile), which has its uses.