Setup A Mobile Optimized Store


Create a Mobile Optimized Version of your Store!

This will allow phone and tablet viewers to access the site. They'll be view the catalog, add items, make purchases, all on their device.

 

There are now 2 options for having a mobile optimized theme for your store...

1) Is selecting a separate mobile theme that's used when a mobile browser is detected.

2) Is a "responsive" theme that's used for both desktop and mobile screens and automatically adjusts based on the screen size. sparkpay.com is fully responsive and you can see this in action by changing the size of your browser window.

 

For option #1 follow these steps...

    1. In the Spark Pay Administration Console, add the Mobile theme to your store by clicking Themes > New

    1. Select the mobile theme from the theme selection screen and select View.
    2. Click Install.
    3. Set the default Mobile theme by going to Settings > Store Information > Mobile Theme​.

For Option #2 (Responsive theme) used for both desktop and mobile browsers, follow these steps:

1- From the Themes page in your admin, add the active theme to a responsive theme 

2- Edit this theme to get it looking the way you want. Now you have a seamless store front regardless of your customer's browser! AND, you only had to edit ONE theme instead of 2.

3- Make sure this new theme is set to the active theme under Settings > Store information

Congratulations! Your Spark Pay online mobile store is now setup! When a user browses to your site on a phone they, the mobile version will display. 

NOTE: Customers will be able to order from your mobile page, even if you de-activate your main theme.

 

 

How helpful was this article?
Number of questions: 0