Theme customization (ps_themecusto)

Description

Theme customization page allows changing the look of the store. This page consists of three tabs: homepage, category page and product page. Each tab configures its page in front office.

QA

Link to the test

Common components

Pages configuration Homepage tab

Interactive banner

Interactive banner has hover function and it shows which page part is customized. This banner helps to customers to understand which part can be edited. There are the following banner parts:

  • Menu

  • Slider

  • Home products

  • Text block

  • Banner

  • Social & newsletter

  • Footer

There are following elements:

  • Categories - has description and it is: Create here a full range of categories and subcategories to classify your products and manage your catalog easily. Also this component has CTA button Configure (Buttons outline UI kit). It opens Categories page.

  • Content pages - has description and it is: Add and manage your content pages to make your store interesting and trustworthy. Also this component has CTA button Configure (Buttons outline UI kit). It opens Design > Pages.

  • Brands and suppliers - has description and it is: Manage both your brands and suppliers at the same place! Also this component has CTA button Configure (Buttons outline UI kit). It opens Brands & Suppliers > Brands page.

  • Main menu - has description and it is: Make it easy for your visitors to find their way on your store, select the right link and turn it into a menu item. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Main menu module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Slider

Image slider - has description and it is: Add sliding images to your homepage to welcome your visitors in a visual and friendly way. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Image slider module page. There are dropdown options:

  • Uninstall - uninstalls the module.

  • Disable - disables the module.

  • Enable mobile - enables the module on mobile devices.

  • Reset - resets the module.

Home products

There are following elements:

  • Featured products - has description and it is: Pick a category and highlight its items, enhance customer experience with a lively homepage. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Featured products module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • New products block - has description and it is: Displays a block featuring your store's newest products. Also this component has CTA button Install (Buttons outline UI kit). Once clicked Install button spinner will come out (Spinner UI kit) In few seconds appears CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens New products block module. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Top-sellers block - has description and it is: Adds a block displaying your store's top-selling products. Also this component has CTA button Install (Buttons outline UI kit).Once clicked Install button spinner will come out (Spinner UI kit) In few seconds appears CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Top-sellers block module. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Specials block - has description and it is: Provides information on special offers in a specific block. Also this component has CTA button Install (Buttons outline UI kit). Once clicked Install button spinner will come out (Spinner UI kit) In few seconds appears CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Specials block module. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Text block

Custom text block - has description and it is: Give your visitors extra information, display a customized block of content on your homepage. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Custom text block module page. There are dropdown options:

  • Uninstall - uninstalls the module.

  • Disable - disables the module.

  • Disable mobile - disables the module on mobile devices.

  • Reset - resets the module.

Banner - has description and it is: Add a banner to the homepage of your store to highlight your sales and new products in a visual and friendly way. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Banner module page. There are dropdown options:

  • Uninstall - uninstalls the module.

  • Disable - disables the module.

  • Enable mobile - enables the module on mobile devices.

  • Reset - resets the module.

Social & newsletter

There are following elements:

  • Newsletter subscription - has description and it is: Keep in touch with your customers the way you want, add a form to the homepage of your store and allow all the curious to subscribe to your newsletter. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Custom text block module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Social media follow links - has description and it is: Facebook, Twitter, let your customers know where to follow you and increase your community.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Social media follow links module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

There are following elements:

  • Customer Reassurance - has description and it is: Connect with your visitors and reassure them about secure payment, free shipping or returns. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Customer reassurance module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Link list - has description and it is: Give more visibility to your content/static pages (CMS, external pages, or else), where you want and when you want, to make your visitors feel like shopping on your store. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Design > Link list page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Shop details - has description and it is: Display additional information about your store or how to contact you to make it easy for your customers to reach you. Also this component has CTA button Configure (Buttons outline UI kit). It opens Stores page.

See all themes module's button button

This CTA button (Buttons basics UI kit) opens Modules page that contains all modules.

Pages configuration Category page tab

Interactive banner

Interactive banner has hover function and it shows which page part is customized. This banner helps to customers to understand which part can be edited. There are the following banner parts:

  • Menu

  • Categories

  • Navigation column

  • Content

  • Social & newsletter

  • Footer

There are following elements:

  • Content pages - has description and it is: Add and manage your content pages to make your store interesting and trustworthy. Also this component has CTA button Configure (Buttons outline UI kit). It opens Design > Pages.

  • Brands and suppliers - has description and it is: Manage both your brands and suppliers at the same place ! Also this component has CTA button Configure (Buttons outline UI kit). It opens Brands & Suppliers > Brands page.

  • Main menu - has description and it is: Make it easy for your visitors to find their way on your store, select the right link and turn it into a menu item.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Main manu module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Categories

Categories - has description and it is: Create a full range of Categories and Subcategories to classify your products, add categoryies desciptions and manage your catalog easily. Also this component has CTA button Configure (Buttons outline UI kit). It opens Catalog > Categories page.

There are following elements:

  • Category tree links - has description and it is: Help navigation on your store, show your visitors current category and subcategories.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Category tree links module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Faceted search - has description and it is: Filter your catalog to help visitors picture the category tree and browse your store easily.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Faceted search module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Content

There is Pagination in Content part. Pagination - has description and it is: Set the numbers of products you want to display per page and how. Also this component has CTA button Configure (Buttons outline UI kit). It opens Shop parameters > Product settings page.

Social & newsletter

There are following elements:

  • Newsletter subscription - has description and it is: Keep in touch with your customers the way you want, add a form to the homepage of your store and allow all the curious to subscribe to your newsletter. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Newsletter subscription module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Social media follow links - has description and it is: Facebook, Twitter, let your customers know where to follow you and increase your community.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Social media follow links module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

There are following elements:

  • Customer Reassurance - has description and it is: Connect with your visitors and reassure them about secure payment, free shipping or returns. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Customer reassurance module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Link list - has description and it is: Give more visibility to your content/static pages (CMS, external pages, or else), where you want and when you want, to make your visitors feel like shopping on your store. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Design > Link list page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Shop details - has description and it is: Display additional information about your store or how to contact you to make it easy for your customers to reach you. Also this component has CTA button Configure (Buttons outline UI kit). It opens Stores page.

See all themes module's button button

This CTA button (Buttons basics UI kit) opens Modules page that contains all modules.

Pages configuration Product page tab

Interactive banner

Interactive banner has hover function and it shows which page part is customized. This banner helps to customers to understand which part can be edited. There are the following banner parts:

  • Menu

  • Product management

  • Product detail

  • Product block

  • Social & newsletter

  • Footer

There are following elements:

  • Categories - has description and it is: Create here a full range of categories and subcategories to classify your products and manage your catalog easily. Also this component has CTA button Configure (Buttons outline UI kit). It opens Catalog > Categories.

  • Content pages - has description and it is: Add and manage your content pages to make your store interesting and trustworthy. Also this component has CTA button Configure (Buttons outline UI kit). It opens Design > Pages.

  • Brands and suppliers - has description and it is: Manage both your brands and suppliers at the same place ! Also this component has CTA button Configure (Buttons outline UI kit). It opens Brands & Suppliers > Brands page.

  • Main menu - has description and it is: Make it easy for your visitors to find their way on your store, select the right link and turn it into a menu item.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Main manu module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Product management

There are following elements:

  • Catalog - has description and it is: Access your list of products to manage your catalog efficiently.

    Also this component has CTA button Configure (Buttons outline UI kit). It opens Catalog > Products page.

  • Stock - has description and it is: Manage your stock and edit product quantities right here. Also this component has CTA button Configure (Buttons outline UI kit). It opens Catalog > Stock management > Stock page.

  • Product attributes - has description and it is: Create or manage your attributes : colors, sizes, materials, ... Also this component has CTA button Configure (Buttons outline UI kit). It opens Attributes page.

Product detail

There are following elements:

  • Customer Reassurance - has description and it is: Connect with your visitors and reassure them about secure payment, free shipping or returns. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Customer reassurance module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Social media share buttons - has description and it is: Instagram, YouTube, gather your community with social media sharing buttons on product pages. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Social media share buttons module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Product comments - has description and it is: Allow users to post reviews on your products and/or rate them based on specific criteria. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Product comments module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Product block

There are following elements:

  • Cross-selling - has description and it is: Offer your customers the possibility to buy matching items when on a product page. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Cross-selling module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Products in the same category - has description and it is: Adds a block on the product page that displays products from the same category.

    Also this component has CTA button Install (Buttons outline UI kit). Once clicked Install button spinner will come out (Spinner UI kit) In few seconds appears CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Products in the same category module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Viewed products block - has description and it is: Display a kind of showcase on your product pages with recently viewed products.

    Also this component has CTA button Install (Buttons outline UI kit). Once clicked Install button spinner will come out (Spinner UI kit) In few seconds appears CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Viewed products block module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

Social & newsletter

There are following elements:

  • Newsletter subscription - has description and it is: Keep in touch with your customers the way you want, add a form to the homepage of your store and allow all the curious to subscribe to your newsletter. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Newsletter subscription module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

  • Social media follow links - has description and it is: Facebook, Twitter, let your customers know where to follow you and increase your community.

    Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Social media follow links module page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

There are following elements:

  • Shop details - has description and it is: Display additional information about your store or how to contact you to make it easy for your customers to reach you. Also this component has CTA button Configure (Buttons outline UI kit). It opens Stores page.

  • Link list - has description and it is: Give more visibility to your content/static pages (CMS, external pages, or else), where you want and when you want, to make your visitors feel like shopping on your store. Also this component has CTA button Configure with dropdown menu (Dropdowns with button split UI kit). Configure button opens Design > Link list page. There are dropdown options:

    • Uninstall - uninstalls the module.

    • Disable - disables the module.

    • Disable mobile - disables the module on mobile devices.

    • Reset - resets the module.

See all themes module's button

This CTA button (Buttons basics UI kit) opens Modules page that contains all modules.

Multistores behavior

This page is Multistores dependent page.

Last updated