MobileStore Theme Settings

  • MobileStore Theme Settings in WPtouch Pro 3.x

  • 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.

    .products li {visibility: visible !important;}


    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

    Add custom CSS declarations to further customize your WPtouch Pro 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.


    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.
    Choose the initial product view customers will see (grid layout or list layout). Customer can switch view themselves as well, and views remain persistent.

    Product Pagination


    Use "AJAX load more" pagination style or the traditional numbered pagination to load additional products.
    Show top-selling products on homepage - This allows you to have your top selling products on the homepage of your mobile site.     

    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.


    Theme Colors Branding



    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. 

    Select the logo display size. Short, which is the default or "Tall", which works best for larger (vertically) logos.

    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

    Still need help? Contact Us Contact Us