Jewelrix

TM Extensions Settings

Attention! Some modules may not be included into your template package. This section describes configuration of all modules that are used in our templates. Each template pack is provided with a set of modules which is included into the design of this specific template.

AMP Module

The Accelerated Mobile Page module which is developed by Zemez team is compatible with Magento 2.2. and designed to convert your Magento store pages into AMP technology pages. The extension can automatically create Magento AMP mobile pages for Category Pages and Product Pages.

Pages powered by AMP will be immediately loaded with content, as shown below:

The users will know that a site has APM enabled by an APM sign next to the page on Google Results Page.

Module settings can be reached at the Store > Configuration > Zemez > Accelerated Mobile Page section at site admin panel.

Enable the AMP Module

Here you can enable AMP for Category Pages and Product Pages of your store.

On the module settings page set the Enable Extension option to "Yes".

Remember to save the settings (tap Save Config) and clear Magento cache.

How to change the AMP Logo size

If you want to change the AMP Logo size, go to your Magento store root folder and open the tm-wrapper.phtml file, which is stored under the app\code\Zemez\Amp\view\templates\html folder.

The size changes will not affect the standard page (non-AMP) Logo dimensions.

Find the next code:

$logoWidth = '190';
$logoHeight = '60';

Replace the logoWidth and logoHeight values with new ones, then save the changes.

The AMP Logo height should not exceed 60 px.

CSS styles for AMP pages

Go to your Magento root directory and open the app\code\Zemez\Amp\view\templates\head\css folder.

Here you can find the following files:

category.phtml - Category Page styles.
index.phtml - Home Page styles.
product.phtml - Product Page styles.
style.phtml - buttons, links and header css styles.

How to remove custom blocks and widgets from AMP page

In case you don't want any custom block or widget to be displayed on the AMP page, do the following:

1. Go to your Magento store root folder and open the zamp_defult.xml file you can find under the app\code\Zemez\Amp\view\layout folder.

2. Insert the <referenceContainer name="block.name" remove="true" /> code before the </body> tag, block.name here is your actual block name (the block you want to remove from the AMP page).

3. Save the file changes.

Ajax Wishlist

Products Wishlist is one of the standard e-commerce features. We have created the special module for the convenient use of this feature, it is based on AJAX technology and allows you to add products to the wishlist without having to navigate to the separate page.

In order to configure this module, you should navigate to Magento admin panel and choose the Stores > Configuration section in the left side menu.

Then choose TemplateMonster > Ajax Wishlist item on the new page on the left side.

Let's review the module configuration:

Enable	-	this option allows you to enable or disable the module
Show spinner	-	this option allows you to show the spinner during adding an item to the wishlist.
Show Success Message	-	this option allows you to display the message which is shown after adding the product to the wishlist.
Success Message Text	-	here you can enter the text you want to be in the pop-up window.

Check the tutorials below:

Ajax Search

Quick and easy search among the variety of products contributes to making a positive decision on purchasing in your online shop. It allows you to find the products you need according to the selected parameters quickly and easily without reloading the page.

In order to configure this module, you should navigate to the Magento admin panel and choose the Stores > Configuration section in the left side menu.

Then choose the TemplateMonster > Catalog Search Ajax in the left side menu to go to the module settings interface.

This module has 6 options available for editing if needed.
Let's review each option separately:

Default Search Ajax	-	enables/disables search by keywords, specified in the "Search Terms" shop section.
Product Search Ajax	-	enables/disables search by products' titles, assigned to all of active site categories.
Category Search Ajax	-	enables/disables search by all of active site categories titles.
Category Search Ajax Num. Result	-	defines the number of categories to show in the search results list.
Default Search Ajax Num. Result	-	defines the number of products to show in the search results list while searching by a keyword.
Product Search Ajax Num. Result	-	defines the number of products to show in the search results list.

Attention!!!
If you decide to enable Category Search Ajax and Product Search Ajax options, you'll also need to enable Use Flat Catalog Category and Use Flat Catalog Product options respectively. You can enable these options at the Catalog > Catalog > Storefront tab.

Film Slider

TemplateMonster FilmSlider module is an implementation of elegant and professional jQuery plugin 'Slider Pro'. Allows you to add slider with multiple layers to your store home page. Rich collection of slider configuration options and user interface will help you to configure your slider fast and easily.

In the main navigation menu you'll see new menu option TemplateMonster.
To start working with the FilmSlider module, click Template Monster > Sliders menu item.

Here you can see a list of available sliders where you can disable/enable, delete or edit sliders.

To add new slider click Add New Slider button in the top right corner.
On the slider configuration screen in General Options section you can see all available slider settings. Slider Items section allows you to add slides to your slider.

Let's see what slider options are available. As you can see options are divided into several parts to make the configuration interface more user friendly.

General Options

Main Settings

This section allows you to set slider title, select store view, enable/disable slider, set its width and height.

Slider dimensions [width and height] can be set to a fixed value, like 900 [indicating 900 pixels], or to a percentage value, like '100%'.

Please note: slide title, store view and status are required, you cannot save the slide without these values set.

Image Settings

In image section you can adjust slider image configuration settings. Each option has a brief description. Let's describe some of them more specifically.

The Aspect Ratio

Sets the aspect ratio of the slides. If set to a value different than -1, the height of the slides will be overridden in order to maintain the specified aspect ratio.

Image Scale Mode

Sets the scale mode of the main slide images [images added as background].

cover — will scale and crop the image so that it fills the entire slide.
contain — will keep the entire image visible inside the slide.
exact — will match the size of the image to the size of the slide.
none — will leave the image to its original size.

Force Size

Indicates if the size of the slider will be forced to full width or full window.

Note: It's possible to make the slider full width or full window by giving it a width and/or height of '100%'. However, sometimes the slider might be inside other containers which are less than full width/window. The 'forceSize' property is useful in those situations because it will still enlarge the slider to fill the width or window by overflowing its parent elements.

Slides settings

Slides settings section allows configure slides behaviour. Here you can configure slides animation, visible slider size, slides shuffle and loop.

Fade animation settings

This section contains settings for fade animation. Fade animation can be enabled on slide switch.

You can set if you want to fade out previous slide and fade animation duration in milliseconds.

Auto play settings

Autoplay feature in Film Slider allows looping through the slides automatically. This configuration settings contain options to configure auto play delay, direction and pause with mouse cursor on hover.

Controls settings

Slider controls are the navigation buttons that let you switch the slides. In FilmSlider there are several types of navigation controls: prev/next arrows, pagination buttons. Enabled keyboard navigation allows you to switch between the slides using keyboard. Also, you can enable button that will switch slider to the full screen mode.

Responsive settings

Responsive settings section configures slider behaviour on mobile devices. Here you can define screen width breakpoints [small, medium, large]. Also, you can enable touch swipe behaviour to let user switch between the slides with swipe gestures.

Caption Settings

Caption feature allows you to add text to each slide. This section allows you to enable caption fade animation and set its duration.

Layers main settings

Layers configuration settings contain slides layers behaviour. Each option has a brief description under the input fields.

Adding Slides

You can add new slides only after saving the slider. Click Save and Continue Edit button in the top right corner. When the slider is saved, switch to Slider Items tab.

Click Add Slider Item to add a new slide. Let's see what slide configuration options are available.

Slide Information

Here you can input slide title and set its status [enabled/disabled].

Slide Images

This section allows you to add images to the slide. Click Insert Image button to open Image library where you can select available images.

You can also upload images from your computer.

Under the Image field you can see your slide preview. You are free to set preview size the way you like. We moved the next section of slide configuration to the separate section as it is fully related to slide layers.

Working with layers

FilmSlider is a multi-layer slider. This mean that you can add multiple independent layers to your slide. Layers can be added to the slide on the slide configuration screen described above. This screen contains several sections of layers settings.

Layers list

Layers list section allows you to add layers to your slide. You can add image layers and text layers. Use corresponding buttons to add layers.

By clicking on Add layer image you'll see an image library where you can select from available images or upload images from your computer. By clicking Add layer text, you'll see new text layer added and layer settings became associated with your new particular layer.

Layer text settings

Using Layer text settings section you can input layer text, layer size, colors, font styling, etc.

In the Layer text/html field you can input your layer content in both text and html format.

Layer text position settings

In this section you can define text layer position.

Layer animation settings

This section allows you to define layer animation. You can set its position on the slide, set transition, offsets, delay, duration, etc.

When you add several layers, bottom configuration settings [position and animation] will show settings for the selected layer.

Adding slider to page

To add slider to your page please use Magento widgets. In the main admin panel menu click Content > Pages item.

Select the page you want to add slider to and click Edit.

At the page editing screen switch to Content section and click Insert Widget button. [You may need to press Show/Hide Editor button to make Insert Widget button visible.]

In the appeared window select widget type Template Monster FilmSlider, select the slider you want to insert and click Insert Widget button.

When you are done adding the widget click Save Page button and switch to store frontend to see the result.

Megamenu

TemplateMonster Megamenu module extends standard Magento menu functionality and allows you to configure subcategories multi-column display, add static blocks and products to the dropdown menu, as well as the flexibly customize its appearance in site admin panel.

Global configuration

In order to configure this module, you should navigate to Magento admin panel and choose the Stores > Configuration section in the left side menu.

Choose the TEMPLATEMONSTER > Megamenu in the left side menu to go to the module settings interface.

This module has 2 options:

Enable/Disable	-	you can enable or disable the module if needed;
Menu position	-	you can choose menu position here.

Menu position option includes two values: Topnav and Sidebar.

Topnav	-	displays menu in site header;
Sidebar	-	shows menu in sidebar.

Attention!!! If you're going to display menu in sidebar, be sure to enable a layout with left or right column included. In case, you have one-column layout active for pages and Menu position:Sidebar option is enabled, no menu will appear at site.

Categories configuration

Megamenu block display can be configured on the 1st level category configuration page, that can be found in the Megamenu tab, at Products > Categories section.

You will see the Turn on Megamenu for this category option at the Megamenu tab. This option enabled Megamenu block display for the selected category. After enabling this option, you will see the two fields and a widget with menu content settings.

Attention!!! Megamenu is available for second-level categories only.

Label option allows you to display the label [new, sale] for the top-level categories. This label has default styling, but its appearance can be changed by using Css class option. This option sets the class for current menu item's <li> и <a> tags, so you can easily create custom styling for your label by using the class.

Megamenu block content settings' widget allows you to define number of rows, columns, specify their width and lot of other settings.
In order to add a new row you need to use Add row button. Then you will see the empty field with Add column[s] and Remove row buttons.

Remove row - removes the row [field].

After pressing the Add column[s] button you'll see a pop-up window to select the width of the column you're going to add. The maximum width of the column is col-12 it stretches menu block to the full width of the container. So, if you need to display 4 columns in a row, you have to add 4 columns with the width parameter set to col-4.

Let's consider columns' settings.

Set column width - column width. It can take values from col-1 to col-12.
Enter specific class - custom css class of the column, so that you can further create styles for this column using css rules.
Add subcategory - subcategories dropdown for the parent category. This option allows you to select and display the subcategories you need. In order to do this, choose the subcategory among the list and press on the Add button. On the next step you will see this category listed at the Selected items field.
Select static block - static blocks dropdown list. You can show any of site static blocks in the dropdown menu same as the list of subcategories, if you have previously added it to the shop admin panel. In order to add a static block, choose it among the list and press on Add button. Static block title will be listed in the Selected items field.
Add product[s] - adding product to the menu. This option allows you to add any of site products to the menu. Product image, title and a price will be displayed in this case. After pressing on the button you'll see the pop-up list of products available for adding. After you add it to menu, it's title will be listed in the Selected items field.
Add widget[s] - this tool can be used to add a variety of content elements to the page.

Available widgets

By default, Magento ships with the following widgets:

Widget Types (click to expand)

Selected items - the field for sorting the items. It allows you to change the display order [sorting] of your column content. Drag&Drop interface allows you to reorder items by dragging them. If you do not want the product or static block to be displayed below, just drag it to the top to reach the required appearance. You can also remove some items here. Select the ones you need to remove and press on Remove selected button to do that.
Add video - this video extension allows you to add videos to your product pages. You can upload a video [FLV, MPEG, MP4, JPEG, PNG, GIF and SWF] or embed it from youtube or Vimeo.

Subcategories configuration

This module allows to add an image and a label to any products' subcategory. In order to configure the subcategory, open its page and navigate to the Megamenu tab. You'll see two options there: Category image and Label.

To add the subcategory image press on browse and choose an image from the clipart.
As to the label adding, fill in the Label field.

Styles configuration

You can edit css style files to configure custom megamenu appearance. These files are located at the app\code\TemplateMonster\Megamenu\view\frontend. Do not forget to clear the cache after changing the styles and compiling.

Useful Tutorials:

Newsletter Pop-up

Email newsletter has always been the important part of every marketing strategy. This method is used all over the world, so it will definitely help you to gain more orders and subscribers. That's why we proudly present you the Newsletter pop-up module. It displays the popup window with subscription form and social icons right after the client visits your site.

Global configuration

In order to configure this module, you should navigate to Magento admin panel and choose the Stores > Configuration section in the left side menu.

Choose the TEMPLATEMONSTER > Newsletter Pop-up in the left side menu to go to the module settings interface.
The module has 2 sections, and each one contains a specific set of options:

General
Social Settings

General section includes main module settings, and Social settings section serves for social icons display setup in the pop-up window.

General

As stated above, this section includes main module settings. You can enable or disable module here, specify buttons color, define the width of the window, etc. Let's review each option separately.

General section includes main module settings, and Social settings section serves for social icons display setup in the pop-up window.

As stated above, this section includes main module settings. You can enable or disable module here, specify buttons color, define the width of the window, etc. Let's review each option separately.

In order to enable or disable module completely, you'll need to use Enabled option. It provides the possibility to deactivate the module completely.
Show on startup option shows up the pop-up after visiting the site. As soon as shop page is loaded, you will see the pop-up offering you to subscribe to this site's newsletter.
This pop-up can be also set up to display once again after navigating to site footer by using a scrollbar. E.g., if you close the pop-up that appeared after the initial page loading and scroll down to the footer then, the same pop-up will show up for the second time. In order to re-display this subscription window, you have to enable Show on footer option.
Pop-Up width option allows you to define the newsletter pop-up window width. Its size can be set in pixels only.
Show in footer option allows you to display a link in the site footer, to display the newsletter pop-up after clicking on it. Footer link text field changes the label for the link displayed in the footer after activating the Show in footer option.
The pop-up may not be displayed immediately, but after some certain time period. This setting is controlled by Pop-Up timeout option. You can set a delay before the newsletter pop-up appearance and it will not show up right away, but only after the time you have specified passes since the client visits your site.
Button color and Button hover color options let you set a background color for the "subscribe" button.
You may need the CSS-class option when customizing the pop-up design. This option allows you to apply additional custom CSS-class for the pop-up window so that it can be used for further stylizing or other actions.

Social Settings

This section is responsible for social icons display and configuration in the newsletter pop-up. It consists of a few subsections that have similar options.

Main settings' subsection allows you to set colors and social icons' appearance for the following services:

Facebook
Twitter
LinkedIn
Google+
Youtube
Vimeo
Pinterest
Instagram
Foursquare
Tumblr
RSS

You can enable or disable certain icon appearance by using the respective Enabled ……. icon option. This option activation will make a respective sections appear to let you configure each icon individually.
This section also includes the Use default icon colors option. It is used for changing icons color.

By default, it's enabled, so all the icons have their corporate [standard] color that is specific for each social network. However, if you'd like to define icons color on your own, you should disable this option.
Each social network section has a Link option available. It lets you define the link to any page [your profile] in a respective social network.
After disabling the Use default icon colors option, you will see the new fields in subsections for each social network icon configuration:
- Icon background
- Icon color
- Icon background hover
- Icon hover color

All of these options allow you to customize the icon appearance. They provide you with the option to set the icon background and color for the initial state and on hover [after hovering the icon with the mouse cursor].
Please be sure to save your configuration!

Just in case, you'd like to return all the default settings, there is a Reset button available next to the Save one.

Ajax Compare

Products compare is one of the standard e-commerce features. We have created the special module for the convenient use of this feature, it is based on AJAX technology, and allows you to add products to compare without having to navigate to the separate page.

You can either enable or disable this module. In order to do this, navigate to the admin panel and choose the Stores > Configuration section in the left side menu.

Then choose the TemplateMonster > Product Compare Ajax on the new page on the left side.

Check the tutorial below:

Can I remove the "Add to Compare" button?

Theme Options settings

Then choose the TEMPLATEMONSTER > Theme Options in the left side menu and you'll move to the module settings interface.

Click on the Store View: Default Config.

Select a Stor View from the option dropdown.

Confirm the scope switching in the pop-up window. Press "OK" to confirm.

After that process, we can see a new tab called Theme color settings under the General one.

The Tab structure is as follows:

General

For Image Type:

Use Logo Type	-	select type of logo.
Logo Image	-	you can upload your logotype image [Allowed file types: png, gif, jpg, jpeg, svg].
Logo Image Width	-	set a Logo image width in pixels.
Logo Image Height	-	set a Logo image height in pixels.
Logo image alt text	-	enter a Logo image alternative text.
Use slogan	-	set if you want do display the slogan

For Text Logo Type:

Use Logo Type	-	select type of logo.
Logo Text	-	enter text for logo.
Logo Font Size	-	enter font size for logo text in pixels. Example: 48.
Logo Line Height	-	enter line height for logo text in pixels. Example: 48.
Logo Font Color	-	set color for logo text in hex format. You can select a color from the Color Palette.
Use slogan	-	Enable/Disable slogan.[If you enable this option, additional options became available.]
Slogan Text	-	enter text for slogan.
Slogan Font Size	-	enter font size for slogan text in pixels. Example: 28.
Slogan Line Height	-	enter line height for slogan text in pixels. Example: 28.
Slogan Font Color	-	set color for slogan text in hex format.
Slogan Position	-	select slogan position relative to the logo.

SEO

Welcome text	-	you can change default welcome text.
Favicon icon	-	allowed file types: ico, png, gif, jpg, jpeg, apng, svg. Not all browsers support all these formats!
Site title	-	set a title site on homepage.
Default description	-	you can input default description for your store.
Default keywords	-	input keywords for your store.
Copyright	-	input your copyright. The text will be displayed as copyright message in the footer.

Preloader and BackToTop Button

Use ToTop Button	-	you can decide if you want to show the ToTop button.
Use PreLoader	-	set if you want to use the preloaderfor youe website.
Choose preLoader type	-	use the CSS3 or Image preloader.
Preloader Image	-	in case you choose the Image type, upload the image file for the preloader. Allowed file types: ico, png, gif, jpg, jpeg, apng, svg. Not all browsers support all these formats!.

Theme color settings

Please note: for display Theme color settings and apply color scheme you need select your website (1). If you want to edit each color individually, you need to choose store (2).
All colors set in HEX format: #xxxxxx

Let's review the options available:

Uncheck Use Website to change the layout settings.

Color scheme status

Color scheme status	-	enable/Disable color scheme.
Color scheme	-	choose color scheme for site.

Header

Header background color	-	the header background color in hex format. You can select a color from the Color Palette.
Header background image	-	Enable/Disable header background image
Background image	-	upload the header background image file. Allowed file types: ICO, PNG, GIF, JPG, JPEG, APNG, SVG. Not all browsers support all these formats!
Background position	-	set the header background image position.
Background repeat	-	set the header background image repeat.
Background size	-	set the header background image size.
Background attachment	-	set the header background image attachment.

Content

Primary color	-	the primary color in hex format.
Secondary color	-	set the secondary color in hex format. You can select a color from the Color Palette.
Body background color	-	body background color in hex format.
Body background image	-	Enable/Disable body background image
Background image	-	upload the body background image file. Allowed file types: ICO, PNG, GIF, JPG, JPEG, APNG, SVG. Not all browsers support all these formats!
Background position	-	set position for your background: Left Top, Center Top, Right Top, Left Center, Center Center. Right Center, Left Bottom, Center Bottom, Right Bottom.

Background repeat	-	choose how background image will be repeated: Repeat, No Repeat, Repeat X, Repeat Y.

Background size	-	set the body background image size

Background attachment	-	body background image attachment: Scroll (scroll with content), Fixed (no scroll with content).
Primary font color	-	set the primary font color in hex format. You can select a color from the Color Palette.
Primary link color	-	set the primary link color in hex format. You can select a color from the Color Palette.
Primary title color	-	set the primary title color in hex format.

Footer

Footer background color	-	choose the color for your footer. You can select a color from the Color Palette.
Footer background image	-	enable/disable the footer background image.
Background image	-	Footer background image file. Allowed file types: ICO, PNG, GIF, JPG, JPEG, APNG, SVG. Not all browsers support all these formats!
Background position	-	Footer background image position.
Background repeat	-	Footer background image repeat.
Background size	-	set the footer background image size.
Background attachment	-	set footer background image attachment

In case, you've changed the "website code" in Stores > All stores, you must change it in the color_schemes.xml file, too.

In order to change "website code" in the color_schemes.xml file go to app\code\TemplateMonster\ThemeOptions\etc.

Open the color_schemes.xml file using any code editor.

Find the <website code="clothes_store"> line (in our case) and replace "clothes_store" (the previous code) with the new one <website code="your code">.

If you change the "website code" for another Web Site, you need to change its code in color_schemes.xml file. Find the <website code="previous code"> line and replace it with <website code="new code">.

Before modifying the website code please make sure it is not used in index.php.

Category Page

Settings for Category page in a list/grid view.

Grid View

Number of columns	-	specify number of product listing columns in grid view.
Enable the Card Parallax Hover	-	set if you want to enable the parallax hover effect for Product Card.
Choose the Product Card hover effect	-	choosr the hoover efect you want to use for the Product Page.
Choose the Product Image hover effect	-	select type of product hover on product listing.
Slides count	-	in case you select the Image carousel, the new option will come up prompting to set the number of slides to show.
for Thumpnail Gallery
Thumbnails width	-	set thumbnails width in px. Example: 50
Thumbnails height	-	specify thumbnails height in px. Example: 50
Slides count	-	set number of slides to display. If empty, all product images will be included to the gallery.
Image width	-	product image width in pixels.
Image height	-	product image height in pixels.
Use aspect ratio	-	using image aspect ratio.
Show swatches	-	show swatches block in listing.
Show compare	-	select if you want to show a compare button.
Show wishlist	-	select if you want to show a wishlist button.
Show reviews	-	select if you want to show a reviews section.
Show product description	-	select if you want to show a product description section.

List View

Image width	-	product image width in pixels.
Image height	-	product image height in pixels.
Use aspect ratio	-	image aspect ratio.
Show swatches	-	select if you want to show a swatches block.
Show compare	-	select if you want to show a compare button.
Show wishlist	-	select if you want to show a wishlist button.
Show reviews	-	select if you want to show a reviews section.
Show product description	-	select if you want to show a product description section.

Product Page

You see three tabs: General, Tabs section, Gallery settings.

General

Show stock	-	show product stock status.
Show sku	-	show product sku.
Show compare	-	show a compare button.
Show wishlist	-	show a wishlist button.
Show email to friend	-	show a button email to friend.
Show reviews	-	show a reviews section.
Show product short description	-	show short description section.

Related ptoducts

Show related products	-	show related products on a product page.
Related products count	-	specify the number of related products.
Related image width	-	related image width in pixels.
Related image height	-	related image height in pixels.
Show related checkbox	-	show checkbox "Add to Cart" on relate product.You can add few products in a cart if you select product. Configurable products do not support the Show related checkbox option

Upsell products

Show upsell products	-	show upsell products section.
Upsell products count	-	specify the number of upsell products.
Upsell image width	-	upsell image width in pixels.
Upsell image height	-	upsell image height in pixels.

Tabs sections

Show description	-	show a description tab.
Description tab title	-	enter the title for description tab.
Show additional	-	show a additional information tab.
Additional tab title	-	specify the title for additional tab.
Show reviews	-	show a reviews tab.
Reviews tab title	-	enter the title for reviews tab.

Gallery settings

Image width	-	set the thumbnail image width in pixels.
Image height	-	set the thumbnail image height in pixels.
Image zoom	-	enable the image zooming for the Product Page.

Header

General

Sticky menu

specify if you want to use the sticky menu for your website.

In Header tab you have the Social links section.

Social links

You can add link to your social network using Font Icon or Image icon.

Image icon

For adding URL with image, you need add social url, width of icon, alternative text to image and upload image.

Font Icon

For adding URL with FontIcon, you need add icon CSS Class, social url, set font size and line height

Footer

In footer you can add social link and set position

Image icon

For adding URL with image, you need add social url, width of icon, alternative text to image and upload image.

Font Icon

For adding URL with Font Icon, you need add icon CSS Class, social url, set font size and line height.

Sidebar

Show Wishlist	-	show/hide Wishlist block.
Show Compare	-	show/hide Compare block.
Show Recently Viewed Products	-	show/hide Recently Viewed block. Make sure, that the widget was created.
Show Recently Compared Products	-	show/hide Recently Compared block. Make sure, that the widget was created.
Show My Orders	-	show/hide My Orders block.

Useful Tutorials:

Jewelrix Documentation

TM Extensions Settings

AMP Module

Enable the AMP Module

How to change the AMP Logo size

CSS styles for AMP pages

How to remove custom blocks and widgets from AMP page

Ajax Wishlist

Check the tutorials below:

Ajax Search

Film Slider

General Options

Main Settings

Image Settings

The Aspect Ratio

Image Scale Mode

Force Size

Slides settings

Fade animation settings

Auto play settings

Controls settings

Responsive settings

Caption Settings

Layers main settings

Adding Slides

Slide Information

Slide Images

Working with layers

Layers list

Layer text settings

Layer text position settings

Layer animation settings

Adding slider to page

Megamenu

Global configuration

Categories configuration

Subcategories configuration

Styles configuration

Newsletter Pop-up

Global configuration

General

Social Settings

Ajax Compare

Check the tutorial below:

Theme Options settings

General

SEO

Preloader and BackToTop Button

Theme color settings

In case, you've changed the "website code" in Stores > All stores, you must change it in the color_schemes.xml file, too.

Category Page

Grid View

List View

Product Page

General

Related ptoducts

Upsell products

Tabs sections

Gallery settings

Header

General

Social links

Image icon

Font Icon

Footer

Image icon

Font Icon

Sidebar