Request a call back and get a free consultation!
Menu
EN
+38 063 123 45 67
0 0

Template settings

The "Template Settings" module contains the main template settings, conveniently structured by tabs.

1. The "Settings" tab

In the "Settings" tab, you can configure the template and its individual pages. The left part of the tab contains navigation that also switches between tabs with different settings.

1.1. In the "Main" tab, three tabs are available: "Settings", "Optimization", and "Appearance".

1.1.1. The "Settings" tab:

  1. "Status" — allows you to enable or disable the template settings;
  2. "License key" — used to enter the template activation key. A license key is required to save the Deals template settings. You can get it by creating a ticket on the support service website. In the ticket, be sure to specify the domain name for which the license key is required, as well as the buyer's login or email. After receiving the license key, enter it in the "License key" field and click the "Save" button;
  3. "Font" — allows you to choose one of 10 popular Google font options for display on the site;
  4. "Site layout width" — allows you to choose one of three site container width options: narrow, medium, or full width;
  5. "Enable automatic dark theme?" — allows you to enable the automatic dark theme on supported devices, and also display the theme switch button in the "For Customer" block;
  6. "Default theme" — allows you to set the default theme regardless of the automatic dark theme;
  7. "Enable microdata?" — allows you to enable or disable microdata for displaying rich snippets in search results;
  8. "Enable Open Graph markup?" — allows you to enable or disable Open Graph markup for structured page information when a user shares a link on social networks or messengers;
  9. "Dim out-of-stock products" — allows you to apply a black-and-white filter to products that are out of stock;
  10. "Show comparison" — allows you to enable or disable the display of "Add to comparison" buttons across the entire site;
  11. "Show wishlist" — allows you to enable or disable the display of "Add to wishlist" buttons across the entire site;
  12. "Enable Popup options when adding a product to the cart from different pages if the products have required options" — allows you to open a modal window for selecting options instead of redirecting to the product page;
  13. "Enable button interactivity when adding products to the cart, wishlist, and comparison?" — allows you to make site buttons more interactive and responsive. When a user clicks buttons for adding products to the cart, wishlist, or comparison, they display visual feedback, such as a color change;
  14. "Regular expression for phone validation in modules" — allows you to enter a regular expression to validate the phone number entered by the user. An example for use with Ukrainian operators is shown below the field. Simply copy it and save the settings, after which phone number validation will start in the modules, preventing incorrect values from being entered;
  15. "Frequently bought together" — products that were previously purchased together will be displayed in product cards, the popup cart, and the SmartCheckout module. Products are sorted by the number of joint purchases with the current product. Create a CRON password, save the template settings, and add a CRON task on the hosting or server for daily execution. In the popup cart and SmartCheckout, also activate this option to display products that were purchased together.

1.1.2. The "Optimization" tab:

  1. "Enable CSS & JS optimization" — allows you to enable or disable compression and minification of template styles and scripts for faster site performance. During module configuration, it is temporarily recommended to disable CSS and JS optimization;
  2. "Enable WebP" — the PHP GD library must support WebP «WebP Support => 1». Supported browsers: https://caniuse.com/#feat=webp;
  3. "Move JavaScript scripts to footer" — allows you to enable or disable moving all scripts to the footer to optimize and speed up store page loading;
  4. "Enable for images" — allows you to enable or disable preload for faster loading of the store's main images;
  5. "Enable for CSS styles" — allows you to enable or disable preload for faster loading of CSS styles.

1.1.3. The "Appearance" tab

In the "Appearance" tab, you can configure the main colors, light theme, and also add a logo and colors for the dark theme if it is used. Three tabs are available:

The "Main colors" tab contains the following settings:

  1. "Main color of site elements" — allows you to select the required color for the main site elements;
  2. "Main link color" — allows you to select the required color for accent links on the site;
  3. "Link hover color" — allows you to select the required color for accent links on hover;
  4. "Discount price color" — allows you to select the required color for promotional prices;
  5. "Interactive button color" — allows you to select the required color for the "Add to wishlist", "Add to comparison", and "Add to cart" buttons when the user adds the corresponding product.

The "Light theme" tab contains the following settings:

  1. "Site background" — allows you to select the required site background color for the light theme;
  2. "Main text color" — allows you to select the main text color;
  3. "Secondary text color" — allows you to select the secondary text color;
  4. "Top panel background" — allows you to select the background color of the site top panel;
  5. "Site footer background" — allows you to select the footer background color;
  6. "Footer text color" — allows you to select the footer text color;
  7. "Footer heading color" — allows you to select the footer heading color.

The "Dark theme" tab contains the following settings:

  1. "Logo for use in the dark theme" — allows you to upload a logo for the dark theme;
  2. "Site background" — allows you to select the required site background color for the dark theme;
  3. "Main text color" — allows you to select the main text color;
  4. "Secondary text color" — allows you to select the secondary text color;
  5. "Top panel background" — allows you to select the background color of the site top panel;
  6. "Site footer background" — allows you to select the footer background color;
  7. "Footer text color" — allows you to select the footer text color;
  8. "Footer heading color" — allows you to select the footer heading color.

1.2. The following settings are available in the "Site Header" tab:

  1. "Show authorization" — allows you to enable or disable the display of the "My Account" link in the top menu;
  2. "Show languages" — allows you to enable or disable the display of language settings in the top menu;
  3. "Show currencies" — allows you to enable or disable the display of currency settings in the top menu.

1.3. The "Site Footer" tab contains two tabs: "Settings" and "Payment systems".

1.3.1. The following parameters are available in the "Settings" tab:

  1. "Back to top button" — allows you to enable or disable the display of the "Back to top" button, which appears when scrolling down the page and returns the scrollbar to the top of the page when clicked;
  2. "Footer subscription" — allows you to enable or disable the display of the newsletter subscription block.

1.3.2. In the "Payment systems" tab, you can enable or disable the payment systems you need, whose logos are displayed in the site footer.

1.4. The "Contacts" tab contains four tabs: "Contacts", "Feedback", "Locations", and "Social networks".

1.4.1. The "Contacts" tab contains the following settings:

  1. "Company address" — allows you to enter the physical address of your store;
  2. "Phones" — allows you to enter your store phone numbers. To enter multiple numbers, each number must be specified on a new line;
  3. "Working hours" — allows you to specify your store working hours. To enter multiple values, each value must be specified on a new line;
  4. "Route map" — intended for entering the HTML code of your store location map. You can get such a map in a few clicks here: https://www.google.com/maps/
  5. "Image" — allows you to upload an image for the store, which will be displayed on the "Contact Us" page;
  6. "Company Email" — allows you to enter your store email address;
  7. "Skype" — allows you to enter your store Skype contact;
  8. "WhatsApp" — allows you to enter your store WhatsApp contact;
  9. "Viber" — allows you to enter your store Viber contact;
  10. "Telegram" — allows you to enter your store Telegram contact;
  11. "Messenger" — allows you to enter your store Messenger contact.

Attention! Phone numbers in the "WhatsApp" and "Viber" fields must be entered without the "+" sign. An example is shown below in the screenshot.

1.4.2. In the "Feedback" tab, you can configure the display of elements for the "Contact Us" page.

The tab contains the following settings:

  1. "Show address?" — allows you to enable or disable the display of the store address;
  2. "Show phone?" — allows you to enable or disable the display of store phones;
  3. "Show working hours?" — allows you to enable or disable the display of store working hours;
  4. "Show route map?" — allows you to enable or disable the display of the route map to the store;
  5. "Show social networks?" — allows you to enable or disable the display of social network buttons;
  6. "Show locations?" — allows you to enable or disable the display of blocks with contacts of additional store branches. See the settings of the "Locations" tab.

1.4.3. In the "Locations" tab, you can configure the display of elements for blocks with contacts of additional store branches. These blocks can be displayed on the "Contact Us" page, in the block that appears when hovering over the address in the site header, and also in the mobile version sidebar.

The tab contains the following settings:

  1. "Heading" — allows you to enter a heading;
  2. "Address" — allows you to enter the branch address;
  3. "Working hours" — allows you to enter the branch working hours;
  4. "Phones" — allows you to enter the branch phone numbers;
  5. "Route map" — allows you to enter the route map code;
  6. "Website link" — allows you to specify a link to the branch website;
  7. "Image" — allows you to upload an image for the branch, which will be displayed on the "Contact Us" page;
  8. "Sorting" — allows you to sort blocks in the required order.

1.4.4. In the "Social networks" tab, you can specify links to account pages in popular social networks and select the icon that will be displayed on the social network button in the site footer, on the contacts page, and in the contact dropdown block in the site header.

1.5.1. The "MegaMenu" tab contains the following settings:

  1. "Enable MegaMenu" — allows you to enable or disable the display of "MegaMenu";
  2. "Menu open button text" — allows you to enter the text for the button in the site header that opens the desktop menu;
  3. "Show category list" — allows you to enable or disable the display of standard categories;
  4. "Number of displayed subcategories" — allows you to set the number of subcategories displayed for child elements of standard categories;
  5. "Show categories" — allows you to select the display type of child elements of standard categories «List or grid»;
  6. "Display" — allows you to sort "MegaMenu" and standard categories;
  7. "Category images" — allows you to enable or disable the display of category images for parent menu elements;
  8. "Landing pages" — allows you to enable or disable the display of landing pages;
  9. "Menu items" — allows you to add and edit parent "MegaMenu" elements.

After clicking the "Add new item" button, three settings tabs will be available.

The "Data" tab contains the following settings:

  1. "Element type" — allows you to select the display type of the "MegaMenu" element. "Selected categories" allows you to display store categories. "Selected manufacturers" allows you to display a list of manufacturers. "Selected blog categories" allows you to select categories for display from the "Blog" module. "Simple link" allows you to add a custom link to any page;
  2. "Where to display?" — allows you to display the item in the horizontal or vertical menu on desktop devices;
  3. "Status" — allows you to enable or disable the parent "MegaMenu" item;
  4. "Menu item icon" — allows you to upload an image as the icon of the parent "MegaMenu" item;
  5. "Categories" — allows you to select the elements that will be displayed as child elements of "MegaMenu";
  6. "Main category" — if the main category is selected, the link for this menu item will be taken from the selected category;
  7. "Show subcategories" — allows you to enable or disable the display of child element subcategories;
  8. "Show images" — allows you to enable or disable the display of child element images;
  9. "Width" — allows you to set the width of child element images;
  10. "Height" — allows you to set the height of child element images;
  11. "Limit" — allows you to set the number of displayed child element subcategories;
  12. "Sorting" — allows you to sort parent "MegaMenu" items;
  13. "Show categories" — allows you to select the display type of child "MegaMenu" elements «List or grid»;
  14. "Open in a new tab" — allows you to set menu links to open in a new tab.

The "Localization" tab contains the following settings:

  1. "Menu item name" — allows you to set the name for the item;
  2. "Link" — allows you to set the link for the item.

In the "Links" tab, you can select the stores where the menu item will be displayed when using multistore, and also select the customer groups that will see this menu item.

1.5.2. In the "Site Header" tab, you can select article links for display in the top panel of the site, and also add any custom links.

1.5.3. The "Site Footer" tab contains the following settings:

  1. "Info page link" — allows you to select article links for display in the footer, and also add any custom links;
  2. "Show contact us link" — allows you to enable or disable the display of the "Contact Us" link;
  3. "Show product return link" — allows you to enable or disable the display of the "Product Return" link;
  4. "Show sitemap link" — allows you to enable or disable the display of the "Sitemap" link;
  5. "Show manufacturers link" — allows you to enable or disable the display of the "Manufacturers" link;
  6. "Show gift certificates link" — allows you to enable or disable the display of the "Gift Certificates" link;
  7. "Show specials link" — allows you to enable or disable the display of the "Specials" link;
  8. "Link to selected categories" — allows you to select category links for display in the footer.

1.6. The "Category page type" tab contains settings for pages such as "Product Category", "Manufacturer Products", "Product Search", and "Specials". Here you will find the following settings:

  1. "Show subcategory images" — allows you to enable or disable subcategory images on the main category page;
  2. "Out of stock at the end of the list" — allows you to move products that are out of stock to the end of the product list;
  3. "Show model" — allows you to enable or disable the display of the model in product blocks;
  4. "Attribute display" — allows you to enable or disable the display of attributes in product blocks;
  5. "Attribute limit" — allows you to set the number of attributes to display in product blocks;
  6. "Show sorting and catalog display type?" — allows you to enable or disable the display of the sorting and catalog display type block;
  7. "Show quantity selection?" — allows you to enable or disable the display of quantity selection buttons in product blocks when adding a product to the cart;
  8. "Show load more" — allows you to enable or disable the display of the "Load more" button below the product list;
  9. "Infinite product scroll «Infinite Scroll»" — allows you to enable or disable automatic loading of the next product page as soon as the "Load more" button appears in the user's viewport;
  10. "Mobile display option" — allows you to choose one of three product list display options on mobile: horizontal «Image on the left, information on the right», full width «Image at the top, information below», and 2 products per row «Image at the top, information below, product block width 50%»;
  11. "Sorting options" — allows you to select sorting options and default sorting;
  12. "Product limit «Showcase»" — allows you to set the number of displayed products in the list on category, specials, search, and manufacturer pages;
  13. "Description on pagination pages" — allows you to enable or disable the display of the description on category pagination pages;
  14. "Category description" — allows you to choose where to display the category description on the page;
  15. "Expanded category description" — allows you to choose a collapsed or expanded description display type;
  16. "Show subcategories" — allows you to enable or disable the display of subcategories on the parent category page;
  17. "Show subcategory products" — allows you to enable or disable the display of subcategory products in the parent category;
  18. "Show category image" — allows you to enable or disable the display of the category image;
  19. "Show landing pages" — allows you to enable or disable the display of landing page links in the category description;
  20. "Show manufacturer logos" — allows you to enable or disable the display of images on the "Manufacturer List" page.

1.7. The "Product Card" tab contains the following settings:

  1. "Show model" — allows you to enable or disable the display of the "Model" line on the "Product Card" page;
  2. "Show blog articles where the product was added" — allows you to enable or disable the display of articles from the "Blog" module where the product was added;
  3. "Show main attributes" — allows you to enable or disable the display of main attributes;
  4. "Attribute limit" — allows you to set a limit on the number of displayed main attributes;
  5. "Reviews and questions limit" — allows you to set a limit on the number of reviews and questions, after which the "Load more" button will be shown. Clicking it allows users to dynamically load more content;
  6. "Enable image zoom" — allows you to enable image zoom for product photos on hover;
  7. "Enable question / answer" — allows you to enable the "Question / Answer" module. When the setting is active, a tab with the same name and a form will appear in the navigation tabs on the product page, allowing store users to ask questions and the administrator to answer them;
  8. "Show promotion countdown timer" — allows you to enable or disable the timer that shows the time remaining until the promotional offer for the product ends;
  9. "Promotion end timer" — format: yyyy-mm-dd. If a custom promotion end date is specified in this field, the timer will show that exact date. If no custom date is specified, the timer will show the promotion end date from the database. If the promotion end date should be until the end of the day, specify: 0000-00-00;
  10. "Enable product sets" — allows you to enable the display of the "Product Sets" module on the product page;
  11. "Product quantity selection" — allows you to enable the display of quantity selection for the product added to the cart;
  12. "Show SKU" — allows you to enable the display of SKU on the product page;
  13. "Show UPC" — allows you to enable the display of UPC on the product page;
  14. "Show EAN" — allows you to enable the display of EAN on the product page;
  15. "Show JAN" — allows you to enable the display of JAN on the product page;
  16. "Show ISBN" — allows you to enable the display of ISBN on the product page;
  17. "Show MPN" — allows you to enable the display of MPN on the product page;
  18. "Show additional tab?" — allows you to enable or disable the display of an additional tab on the "Product Card" page. If the tab is displayed, you need to enter its name, which will be shown on the tab panel, as well as the text for this tab;
  19. "HTML content" — allows you to display custom HTML content below the "Buy in one click" block;
  20. "Manufacturer description block" — allows you to enable the manufacturer block on the product page. The block can be displayed for all manufacturers or only selected ones. You can also enable or disable the manufacturer logo display and add custom HTML content «For example, a size chart for each individual manufacturer» with support for installed language localizations;
  21. "Delivery options" — allows you to add delivery options performed by your store after an order is placed. Here you can add an image, name, delivery cost, link to a page with detailed delivery information, and sort delivery options between themselves;
  22. "Payment options" — allows you to add payment options accepted by your store after an order is placed. Here you can add an image, name, and sort payment options between themselves;
  23. "Show store guarantees" — allows you to enable or disable the display of the "Guarantees" block on the "Product Card" page. After enabling the block, you need to fill in the name that will be displayed in this block, select a link to an article or enter a link to any page, and also enter the text that will be displayed in the guarantee block. You can also choose whether to open the link in a modal window.

1.8. In the "Successful Order" tab, you can configure a custom "Successful Order" page that the store customer sees after placing an order. Instead of the standard successful order message, you can enter custom text and add the order number, link to the contacts page, link to the account page, link to the order list, and link to the downloads page.

1.9. In the "Microdata and Markup" tab, you can configure your site's structured data according to the schema.org standard.

What is it in simple terms? Microdata is special "hints" for search engines «Google, Bing, and others». They help robots better understand what information is located on your site: where the store address is, where the company name is, what products you sell, where you deliver, and so on.

Why is it needed? Properly configured microdata significantly improves how your site appears in search results. Google can show rich snippets: with product rating, price, availability, address on the map, and other useful information. This attracts more attention from potential customers and increases trust in your store.

Field settings:

Here you will find the main information about your company that will be used to generate microdata. Fill in these fields carefully.

1. Organization type — select the organization type that best matches your business. This will help search engines better understand your site.

2. Country «ISO code» — two-letter country code according to ISO 3166-1. Examples: UA «Ukraine», US «United States», DE «Germany», PL «Poland».

3. City — the city where your company or head office is located. Example: Kyiv.

4. Address — the full address of your company, including street, building number, office, and so on. Examples: 1 Heroes of Ukraine St., office 101; 50 Victory Avenue.

5. Latitude and longitude — the location of your company. Used for accurate placement on the map.

6. Postal code — the postal code of your city or head office. Examples: 65088 «Odesa», 01001 «Kyiv», 61000 «Kharkiv».

7. Full legal name — the full official name of your company according to registration documents. Examples: LLC "Online Store", Sole Proprietor Ivanenko Ivan Ivanovych.

8. Founding date — the official registration date or the date when your company started operating. Format: DD.MM.YYYY «Example: 15.03.2020».

9. Service area «ISO code» — ISO code of countries where you deliver products or provide services. Examples: UA «Ukraine only», UA,PL,MD «Several countries».

10. Delivery cost — example: 75. Specify only the number without the currency symbol. 0 — do not output the delivery cost in product microdata.

11. Price range — price ranges for display in Google search results. Formats: ₴/₴₴/₴₴₴/₴₴₴₴ «Categories from cheap to luxury», ₴100-₴5000 «Exact range», $10-$500 «Currency range», "Budget products" «Text description». Improves local SEO and rich snippets. Enter 0 or leave the field empty to hide.

12. Accepted currencies — ISO currency codes that you accept. Examples: UAH «Hryvnia», USD «US Dollar», EUR «Euro». Specify them separated by commas, for example: UAH,USD,EUR.

13. Payment methods — payment methods that you accept. Examples: "Cash", "Credit card", "PayPal", "Bank transfer". Specify them separated by commas, for example: Cash,Credit card,PayPal.

14. Maximum order processing period «Days» — maximum order processing time before dispatch in days. Examples: 1 «Products in stock», 3 «Products on request».

15. Maximum order delivery period «Days» — maximum delivery time after dispatch in days. Examples: 2 «Within Ukraine», 10 «International delivery».

16. Product return within the specified number of days — the period in days during which the customer can return the product. According to Ukrainian law, the minimum is 14 days. Examples: 14, 30, 90.

Carefully filling in these fields is not just a formality, but an important step toward improving the visibility of your online store in search engines. It is a free way to attract more targeted customers and increase their trust in your business.

1.10. In the "CSS - Javascript" tab, you can add your own CSS styles and insert JavaScript code into the template.

2. In the "Images" tab, you can configure image sizes for different site elements.

3. The "Widgets" tab contains the following widgets:

3.1. The "PopUp Cart" widget allows you to display the cart, which will open in a modal window when clicking the "Cart" icon in the site menu block. The following settings are available:

  1. "Enable" — enables or disables the widget;
  2. "When adding products to the cart" — enables or disables the popup cart when adding a product to the cart in the catalog, modules, and product card;
  3. "Free delivery from" — allows you to set the amount from which delivery will be free for the customer;
  4. "Minimum order amount" — allows you to set the minimum order amount;
  5. "Status" — allows you to enable the display of recommended products in the cart;
  6. "Recommended products" — allows you to select products that will be displayed;
  7. "Recommended product image size" — allows you to set image sizes for recommended products;
  8. "Block heading" — allows you to set the heading for the recommended products block.

3.2. The "Live Search" widget allows you to display a block on the site that appears when the user starts entering search information in the "Search" block in the site header. "Live Search" searches categories and products by name, model, SKU, and also in the product description text.

The "Live Search" widget has the following settings:

  1. "Enable" — allows you to enable or disable the widget;
  2. "Search in categories" — allows you to enable category search by search query;
  3. "Show category images" — allows you to enable or disable category images in search results;
  4. "Show price" — allows you to enable or disable price display when searching products;
  5. "Show Model" — allows you to enable or disable model display when searching products;
  6. "Show SKU" — allows you to enable or disable SKU display when searching products;
  7. "Search in description" — allows you to enable or disable the ability to search products by description text;
  8. "Delay" — allows you to set the delay before the "Live Search" block appears in milliseconds «1000 ms = 1 s»;
  9. "Number of characters to start searching" — allows you to set the number of characters after which product search starts.

3.3. The "Feedback" widget allows you to display a sticky feedback button. When clicked, it opens a block with contacts: Messenger, Viber, Telegram, Skype, WhatsApp, Email, and the "Callback" button for opening the modal window of the "Contact Us" module.

The following parameters are available in the "Feedback" widget settings:

  1. "Enable" — allows you to enable or disable the widget;
  2. "Show Messenger" — allows you to enable or disable the display of the Messenger link;
  3. "Show Viber" — allows you to enable or disable the display of the Viber link;
  4. "Show Telegram" — allows you to enable or disable the display of the Telegram link;
  5. "Show Skype" — allows you to enable or disable the display of the Skype link;
  6. "Show WhatsApp" — allows you to enable or disable the display of the WhatsApp link;
  7. "Show Email" — allows you to enable or disable the display of the Email link;
  8. "Show feedback" — allows you to enable or disable the display of the "Callback" link;
  9. "Show contacts link" — allows you to enable or disable the display of the button link to the "Contact Us" page.

3.5. The "Administrator Notifications" widget allows you to track new requests received in the "Callback" and "Found cheaper" modules, reviews awaiting moderation in the "Store Reviews" module, and questions in the "Question / Answer" module in the admin panel. The widget can also display information about orders and products.

The following parameters are available in the "Administrator Notifications" widget settings:

  1. "Enable" — allows you to enable or disable the widget;
  2. "Product information" — allows you to enable or disable the display of product information;
  3. "Order information" — allows you to enable or disable the display of order information;
  4. "Module information" — allows you to enable or disable the display of information about new requests in the "Callback" and "Found cheaper" modules, as well as new reviews awaiting moderation in the "Store Reviews" module.

4. In the "SEO Generator" tab, you can configure correct SEO data and set a template for automatic SEO URL generation.

Three tabs are available here: "SEO Titles", "SEO URL", and "Home page «Title / Description / OG-image»".

4.1. In the "SEO Titles" tab, you can configure SEO data «titles, description» for the following pages: category, manufacturers, product card.

4.2. In the "SEO URL" tab, you can set templates for generating SEO URLs when adding or editing products, categories, manufacturers, articles, blog categories, and blog articles.

4.3. In the "Home page «Title / Description»" tab, you can set the title and description for the home page.

5. In the "Help" tab, you will find useful information and the text of the license agreement for using the Deals template.

2026-03-24 16:22:20
0
123