Mobile Theme Configuration
Minimum Requirements
The IndieCommerce mobile theme is designed for smartphones with full web browsers, capable of running JavaScript. Examples would include iPhone (all versions), Android phones (all kinds), Palm Pre, and many newer Blackberry and Windows Mobile phones.
Switch Back to Mobile Block
Once a mobile user chooses 'View non-mobile version,’ you may wish to offer them the option to switch back to the mobile version of your site. A new block has been created for this purpose, called 'View mobile version.' To use this block, simply move it to the region of your site where you would like it to display. It provides a button, visible to all users, which they can click to view the mobile version of your website.
Customize mobile menu
If you would like to customize the default set of links included with the mobile site (Events, Search, Cart, My Account) you may do so by editing the 'ABA Mobile Menu' menu.
Logo for the Mobilewebkit theme
Mobilewebkit can be configured to have a logo of its own. This will not affect the existing store logo. The logo configured for Mobilewebkit will be visible only on the mobile device.
- This can be done from the black administration bar on top: Site Building > Themes > Configure > Mobilewebkit.
- The logo for Mobilewebkit must be smaller in dimension to accommodate the viewport of the smaller mobile device.
- The maximum height of the Mobile theme logo would be 45px. Logos that are taller than 45px will be proportionally reduced to a height of 45px.
-
The maximum width of the Mobile theme Logo could be 50px or 250px depending on the following condition:
- If the logo and site name are configured in the Mobilewebkit theme settings, then the maximum width of the logo would be 50px.
- If only the logo is configured, then the maximum width of the logo would be 250px.
Blocks for the Mobilewebkit theme
- Mobilewebkit has four regions - Mobile Top Menu, Mobile Content, Mobile Footer and Mobile Footer Tabs.
- The default Mobilewebkit theme has been configured to display the logo and/or site name , search icon, ABA Mobile Menu in the Mobile Top Menu region, search block (only on the homepage) in the Mobile Content region and store name, address, email and phone number in the Mobile Footer region.
- Stores can customize the Mobile version of their site by adding blocks to these regions. This will not affect the blocks on the existing store site.
- It can be done from the black administration bar on top: Site building > Blocks > List > Mobilewebkit.
- The changes made to the Mobilewebkit theme will be visible only when viewing the store site on a mobile device.
Find Independent Bookstores by Name, State, or ZIP