MobileStore Theme Settings
MobileStore Settings in WPtouch Pro 4
If you do not see products in the product listing pages, add the code below to the "Custom CSS" field in Appearance > Customize when editing the mobile theme.
Site Identity
The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall. Select a .png, .jpg, or gif image file from your computer. The icon will be used when adding your website as as web-app to a mobile device, as well as the favicon. The Site Icon is also required when using the AMP for WPtouch extension.
Colors
WPtouch Pro's palette tool allows you to easily choose custom colors for your mobile theme. Click on the color you want to change to bring up a palette that's automatically filled with the colors used in your desktop theme. You may choose any of those colors or enter a hex color value. Revert to the default color by clicking on the "Default" button.
Blog
The settings in this section allows you to override your WordPress Settings only in your mobile theme. You have the options to set the number of posts to display in your latest post listing and exclude from displaying any posts and pages that use specified categories and tags. Posts marked as sticky will continue to display at the top of your post listing in addition to the number of posts set with this option.
To exclude posts and pages under particular categories or with particular tags, add the category or tag names to the relevant fields("Exclude Categories" and "Exclude tags" ) separating multiple items with commas.
Cart Options
These options allow you to enable the off-canvas mini cart, and Ajax add to cart to enhance default WooCommerce functionality.
Custom CSS
Footer
WPtouch Pro offers a field where you may quickly and easily add code to be displayed in the footer code of your mobile theme, below the theme switch. You may include plain text or HTML.Header
Logo images in .png and .jpg format may be uploaded for use in your mobile theme.
Pagination
Use "AJAX load more" pagination style or the traditional numbered pagination to load additional products.
Product Filters
Enable WooCommerce product filters (if available).
Product Listing
Show top-selling products on homepage - This allows you to have your top selling products above product listings
Choose the number of products shown per page in product listings.
Choose the initial product view customers will see (grid layout or list layout). Customer can switch view themselves as well, and views remain persistent.
Side Menu Options
These options allow you to show product categories in the left sidebar menu, as well as recently viewed products.
Single Product Pages
Choose to enable/disable zooming on product images in the product gallery on single product pages. On by default.
Social Media Links
When you enter the full URLs of your social network pages, corresponding icons will display in the footer of all pages in your WPtouch Pro active theme.
Typography
WPtouch Pro includes a selection of complementary Google Font pairings for use in your mobile theme. Font styles will be applied to the body text and headings of your site.
MobileStore Settings in WPtouch Pro 3.x
Store
Product Listing
Choose the number of products shown per page in product listings.
Product Pagination
Use "AJAX load more" pagination style or the traditional numbered pagination to load additional products.
Product Filters
Select the product filters to show. Product filter options are available when "Variations" for products are defined in WooCommerce for your store's products.
Single Product Pages
Choose to enable/disable zooming on product images in the product gallery on single product pages. On by default.
Side Menu Options
These options allow you to show product categories in the left sidebar menu, as well as recently viewed products.
Cart Options
These options allow you to enable the off-canvas mini cart, and Ajax add to cart to enhance default WooCommerce functionality.
General
Blog
The settings in this area allow you to override your WordPress Settings only in your mobile theme. You may set the number of posts to display in your latest post listing and exclude from display any posts and pages that use specified categories and tags. Posts marked as sticky will continue to display at the top of your post listing in addition to the number of posts set with this option. To exclude posts and pages under particular categories or with particular tags, add the category or tag names to the relevant fields separating multiple items with commas.
Pages
Select a page used as the custom latest posts page. This is useful when the desktop theme uses a custom page to display the latest blog posts.
Page Zoom
This setting option allows you to enable or disable pinch and zoom capabilities on your mobile site. This setting is disabled by default in WPtouch Pro.
Custom Post Support
This option will appear if the WordPress installation has available custom post types to enable in WPtouch Pro. When enabled, the custom post types will be displayed in the main blog post listings.
Branding
Theme Colors
WPtouch Pro's palette tool allows you to easily choose custom colors for your mobile theme. Click on the color you want to change to bring up a palette that's automatically filled with the colors used in your desktop theme. You may choose any of those colors or select "palette" to select a custom color. Hex color values such as #5195b3 may be entered in the palette as well. Colors may be selected for the header background, theme background, and links of your mobile theme.
Site Logo
Logo images in .png and .jpg format may be uploaded for use in your mobile theme. Large images will be automatically scaled to a maximum width of 1136px for optimal presentation on Retina displays. Smaller images will not be scaled to be larger. Uploaded images are saved to:
- /wp-content/wptouch-data/uploads/ if you have a single-site WordPress installation, or
- /wp-content/wptouch-data/YOUR_SUBSITE_ID/uploads/ if you have a WordPress network installation.
Smart App Banner
If you have an app available for download on Apple's App Store, you may enter its app ID and WPtouch Pro will display its Smart App Banner above the header of your mobile theme. You may locate your App Store ID through Apple's Link Maker tool: http://itunes.apple.com/linkmaker/
Theme Footer
WPtouch Pro offers a field where you may quickly and easily add code to be displayed in the footer code of your mobile theme, below the theme switch. You may include plain text or HTML.
Typography
WPtouch Pro includes a selection of complementary Google Font pairings for use in your mobile theme. Font styles will be applied to the body text and headings of your site.
Footer Social Links
When you enter the full URLs of your social network pages, corresponding icons will display in the footer of all pages in your mobile theme.
Sharing
You may choose to enable the set of sharing tools bundled with WPtouch Pro: Facebook, Twitter, Google Plus, and email. The set of buttons may be shown on posts or pages (Advanced), placed above or below your content (Advanced), and/or styled in either your theme's colors or with the colors of each social network.
Bookmark Icons
Icon Upload
Images in .png and .jpg format may be uploaded for use as a home screen icons on iOS and Android-based devices. If no icon is specified, the default iOS icon will be used.
- Low resolution icon – 96 x 96 pixels
- High Resolution icon – 192 x 192 pixels
- iPad icon - 152 x 152 pixels
Web-App Mode
Detailed information on Web-App Mode, which is an option that is shared across themes, can be found at Web-App Mode.
Note: Web-App Mode will be disabled automatically in some scenarios, depending on what payment gateway is being used on the installation. Please view the following article for additional information - MobileStore Theme and Web-App Mode