Magento 2 documentation v4-5

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.

Blog

General

In this section, you’ll find all general options of the module. Here you can enable or disable the module, add keywords, description, etc.
In order to configure the module, navigate to Stores > Settings > Configuration section.

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

Check the tutorial on How to Manage Blog Extension.

Blog Category

Navigate to the TEMPLATEMONSTER section in the left sidebar. Find Blog and click Categories. Here you will see the list of categories. You can either delete or edit the category by clicking the Select button in the Action column.
To create a new category, you need to click the Add New Category button at the top. In the window, you will see several sections.

Check the tutorial on How to Add New Blog Category.

Adding post

Navigate to the TEMPLATEMONSTER section in the left sidebar. Find Blog and click Posts. Here you will see the list of all posts available on your website. You can either delete or edit the posts by clicking the Select button in the Action column.
To create a new post, you need to click the Add New Post button at the top. In the popup window, you will see several sections.

Check the tutorial on How to Add New Blog Post.

Blog: Latest Posts Widget

To add a Blog widget to the homepage, you need to navigate to Content > Widgets tab. You can change settings of any Blog Widget here.

Tip:

if you want to find all Blog Widgets, use the filters to simplify the process. Select the "Blog Latest Posts" type in the "- Type -" filter dropdown list [Type column]. To open any edit required widget, click on its title.

Storefront Properties

Here you can find a list of options that allow customizing the widget and making it match the corporate style of your business.

Type - choose a proper widget type. This option is available only when you add a new widget.
Design Package/Theme - choose a theme to which you want to add a widget. This option is available only when you add a new widget.
Widget Title - specify the widget title.
Assign to Store Views - assign the widget to a particular store view.
Sort Order - sort order of widget instances.
Widget Options
Title - blog widget title.
Post title length - length of the post title. Leave empty not to truncate titles.
Post amount - number of posts displayed on the page.
Post amount per row - amount of posts per row.
Enable carousel - turn on to enable carousel.

Useful Tutorials:

 

Ajax Catalog

Quick and easy selection among the variety of products contributes to making a positive decision on purchasing in your online shop. Ajax Catalog module that provides this possibility is the most popular module among the online shops based on various platforms. It allows you to find and filter the products you need according to the selected parameters quickly and easily without reloading the page.

In order to configure this module, navigate to Stores > Settings > Configuration section.

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

Check the tutorial on How to Manage Catalog Ajax Module.

Useful Tutorial:

Catalog Images Grid

Catalog page settings

To configure the module, navigate to Stores > Configuration tab and select Templatemonster > Catalog Images Grid element on the left.
This section contains two subsections:
  • General
  • Category page

General

General section contains only one setting: Enable, it completely enables/disables the module.

Category page section contains settings for the category page.

Widget settings

In addition to the static display of the block on the product listing page, you can also display the list of categories on the page of your choice with the help of a widget.

Useful Tutorials:

Facebook Share

Facebook Share is a professional module that allows you to display Facebook feed anywhere on the website. The module comes loaded with a wide assortment of features that allow webmasters to adjust it to any design and project.

In order to configure this module, navigate to Stores > Settings > Configuration section.

Then navigate to TemplateMonster > Facebook Share in the left side menu to go to the module settings interface.

Facebook Page URL - specify the url address of your Facebook page.

Homepage Settings

Enable widget - enable/disable the widget.
Widget block title - here you should specify the title of the widget.
Widget position - specify the position, where the widget will be displayed.
Tabs - specify the type of the tabs.
Width - specify the width of the widget.
Height - specify the height of the widget.
Use Small Header - enable/disable small header.
Adapt to plugin container width - this option allows the module to adapt to the container width.
Hide Cover Photo - show/hide cover photo.
Show Friend's Faces - show/hide profiles of the Facebook users.

Category Page Settings

Enable widget - enable/disable the widget.
Widget block title - here you should specify the title of the widget.
Widget position - specify the position, where the widget will be displayed.
Tabs - specify the type of the tabs.
Width - specify the width of the widget.
Height - specify the height of the widget.
Use Small Header - enable/disable small header.
Adapt to plugin container width - this option allows the module to adapt to the container width.
Hide Cover Photo - show/hide cover photo.
Show Friend's Faces - show/hide profiles of the Facebook users.

Product Page Settings

Enable widget - enable/disable the widget.
Widget block title - here you should specify the title of the widget.
Widget position - specify the position, where the widget will be displayed.
Tabs - specify the type of the tabs.
Width - specify the width of the widget.
Height - specify the height of the widget.
Use Small Header - enable/disable small header.
Adapt to plugin container width - this option allows the module to adapt to the container width.
Hide Cover Photo - show/hide cover photo.
Show Friend's Faces - show/hide profiles of the Facebook users.

CMS Page Settings

Enable widget - enable/disable the widget.
Widget block title - here you should specify the title of the widget.
Widget position - specify the position, where the widget will be displayed.
Tabs - specify the type of the tabs.
Width - specify the width of the widget.
Height - specify the height of the widget.
Use Small Header - enable/disable small header.
Adapt to plugin container width - this option allows the module to adapt to the container width.
Hide Cover Photo - show/hide cover photo.
Show Friend's Faces - show/hide profiles of the Facebook users.

Film Slider

TemplateMonster FilmSlider module 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.

Check the tutorial on How to Manage "FilmSlider".

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.

Check the tutorial on How to Add Slides. FilmSlider.

Adding Slider To Page

To add slider to your page please use Magento widgets.

GoogleMap

The given module allows you to embed the Google map to your Magento website. By default, module provides you with three maps: the map on the contact page, the map in the footer of other pages and the map on the Home page
All maps can be configured via Magento Admin Panel in Store > Configuration > Templatemonster > Google Map.

  1. General section allows you to enter the API key.
  2. Home page map settings section allows you to display the map on the home page.
  3. Contacts page map settings section allows you to display the map on the contacts page.
  4. Footer map settings section allows you to display the map in site footer.

Check the tutorial on How to Manage Google Map Extension.

Image Zoom

Image Zoom module is a Magento 2 Extension that implements jQuery ElevateZoom Plus Plugin into Magento online store. It replaces default product image zoom [photorama] script functionality with more flexible and feature-rich solution.

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 > Image Zoom in the left side menu to go to the module settings interface.

Image Zoom plugin implements almost all configuration options provided by the Elevate Zoom API. You can see full list of options with examples at the official website. Let's see how the Image Zoom plugin can be configured.

General

Enabled- allows you to enable Image Zoom module. If disabled default Magento image zoom will be displayed.
Zoom Type- you can choose from three options: Window, Lens and Inner. Some options are available for specific zoom type.
Lens shape- select the zoom lens shape: round or square.
Lens fade in/out- defines lens fade in/out animation duration in milliseconds.
Lens size- defines lens size in pixels. Diameter for round and side length for square lens.
Contain Lens Zoom- this makes sure the lens does not fall outside of the image.
Window mode with round lens
Lens mode with square lens
Inner mode
Responsive- set to true to activate responsiveness.
Scroll zoom- set to true to activate zoom on mouse scroll.
Image cross fade- set to true to activate simultaneous crossfade of images on gallery change.
Show loading icon- set to true to show loading icon. If set to true you'll be able to upload your loading icon.
Cursor- select cursor type
Border Size- border Size of the zoom window. Window and Inner modes.
Border Color- set zoom window border color. Window and Inner modes.
Gallery selector- input gallery ID selector. Please leave unchanged if you are not sure about the correct ID.
Responsive range- specify the window width range for responsive behaviour. For example: 220-900

Window Mode

This configuration section is available only if "window" option is selected in Zoom Type field.

Lens Border- set lens border width.
Lens border color- set lens border color.
Lens color- set lens background color.
Lens opacity- set lens background opacity.
Zoom window width- zoom window width in pixels. [Make sure the value is greater than product main image dimensions.]
Zoom window height- zoom window height in pixels. [Make sure the value is greater than product main image dimensions.]
Zoom window position- field is provided with schematic description and allows you to choose to zoom window position.

Please note.

Zoom window width and height should be more than zoomed image container dimensions. Otherwise, it will not appear. Please check an example below.

To get main image dimensions you can use browser developer tools [F12 hotkey]

So the image dimensions are 452 x 500 so your zoom window dimensions should be at least 453x501 pixels.

X/Y-axis offset- defines offset of the zoom window. Allows you to fine tune window position in relation to main image container.
Window fade in/out.- defines window fade in/out animation speed in milliseconds.
Easing- set to true to activate easing. [Can be used with Window zoom type only.]
Easing Amount- select easing effect intensity in milliseconds.

Tint

Tint configuration section allows you to define the appearance settings for the zoom overlay. Can be used with Window zoom type only.

Tint- activate tint.
Tint color- set tint background opacity.
Tint opacity- set tint opacity.
Tint fade in.- set tint fade in speed.
Tint fade out.- set tint fade out speed.

Instagram Feed

The module has the following options:

This widget is used to display a set of images from the Instagram account on the homepage of your store. For this, you need to open your admin panel and navigate to Store > Configuration > TemplateMonster > Instagram Feed. There you will see the following sections:

  • General;
  • Home page;
  • Category View;
  • Product View;
  • CMS Page;
  • Advanced.

Let’s take a look at each section separately:

General

Enabled - enable/disable the module.
Client ID - Client ID from your Instagram registered client.

Home Page

This section allows you to display the widget on the home page

Enable widget - enable/disable the widget.
Widget title - here you should specify the title of the widget.
Widget Position - specify the position where the widget will be displayed.
Show by - specify the source the images will be taken from.
User - show Instagram images of the selected user.
Tag - show Instagram images by a selected tag.
Items count - indicates the number of items to be displayed on the page.
Image Format - choose a proper image format.
Image width - specify image width.

Category View

This section allows you to display the widget on the category page.

Enable widget - enable/disable the widget.
Widget title - here you should specify the title of the widget.
Widget Position - specify the position where the widget will be displayed.
Show by - specify the source the images will be taken from.
User - show Instagram images of the selected user.
Tag - show Instagram images by a selected tag.
Items count - indicates the number of items to be displayed on the page.
Image Format - choose a proper image format.
Image width - specify image width.

Product View

This section allows you to display the widget on the product page.

Enable widget - enable/disable the widget.
Widget title - here you should specify the title of the widget.
Widget Position - specify the position where the widget will be displayed.
Show by - specify the source the images will be taken from.
User - show Instagram images of the selected user.
Tag - show Instagram images by a selected tag.
Items count -

indicates the number of items to be displayed on the page

.
Image Format - choose a proper image format.
Image width - specify image width.

CMS Page

This section allows you to display the widget on any custom page.

Enable widget - enable/disable the widget.
Widget title - here you should specify the title of the widget.
Widget Position - specify the position where the widget will be displayed.
Show by - specify the source the images will be taken from.
User - show Instagram images of the selected user.
Tag - show Instagram images by a selected tag.
Items count - indicates the number of items to be displayed on the page.
Image Format - choose a proper image format.
Image width - specify image width.

Advanced

In this section, you can give the widget some HTML selectors to customize it in accordance with the specifications of your site.

Footer container selector - specify the HTML selector for the footer container.
Content area selector - specify the HTML selector for the content area.
Right [Additional] sidebar selector - specify the HTML selector for the right sidebar.
Left sidebar selector - specify the HTML selector for the left sidebar.

Useful Tutorial:

Newsletter Pop-up

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

Useful Tutorials:

Parallax Settings

General

To activate the module, navigate to Store > Configuration > Templatemonster > Parallax tab. Here you’ll find option to enable module.

parallax

To add and configure parallax block, navigate to TEMPLATE MONSTER > Parallax Block.

parallax

Check the tutorial on How to Manage Parallax Module.

The Output To Frontend

To display your parallax block on website you need to follow along with these several steps:

1. Go to Content > Widgets > Add Widget.

2. Select the Parallax block and your Design theme.

parallax

3. Click "Continue" button. Choose Store view in a Store front Properties tab, enter the Widget title and Order number.

parallax

4. Then you need to choose specific place to display the block.

parallax

5. Go to Widget Options tab and select your parallax block.

parallax
parallax

Quick View

Let your customers to preview product information and add it to cart right from the pop-up window on a category page.

In order to configure this module, navigate to Stores > Settings > Configuration section.

Then in the panel on the left, tap TemplateMonster. Then choose Quick View to go to the module settings interface.

There are 2 tabs for you to complete: General and Pop-Up Settings.

Check the tutorial on How to Manage Quick View Extension.

 

Site Maintenance

The Site Maintenance module for Magento 2 allows you to display the “Site under maintenance” page and let your customers know that now there is some technical work going on and that the website will soon become available.

To set up the module, navigate to Stores > Configuration and in the section on the right select Templatemonster > Site maintenance.
You’ll find three sections there:
  • Page configuration;
  • Timer section;
  • Form settings.

Smart Product Labels

TemplateMonster Smart Product Labels module allows you to make labels appear automatically according to configured rules.

Category Page Label:

Product Page Label:

In order to customize the module, click the Stores > Settings > Configuration.

Label Manager

In the Admin panel, go to TEMPLATEMONSTER > Smart Product Labels. This will bring you to the Label Manager.

Hire able to create, edit, and manage all labels in the easy-to-use Label Manager.

All labels are gathered in a grid that displays Label ID, Name (e.g. New Product, Sale, or 10% discount), Product Page Label (label image for product pages), Product Page Text (variables for text displayed on product page label images), Category Page Label (label image for category pages), and Category Page Text (variables for text displayed on category page label images). All columns support sorting and filtering. Their order can be rearranged.

The labels can easily be filtered. To set filter parameters click the Filters button.

Advise

You can delete or edit multiple labels. In order to do this check all the labels you need to edit or delete. Then, click the Actions button and choose the action (edit or delete).

Add Product Label

To add a new product label press Add New Label button.
You have to deal with 3 tabs of options: General, Images, and Conditions.

Check the tutorial on Add New Product Label.

Social Login

General

The General section allows you to enable or disable the module whenever you need. Even after disabling the module, all the changes made previously will be preserved.
In order to configure the module, navigate to Stores > Settings > Configuration section.

Choose the TEMPLATEMONSTER > Social login in the left side menu to go to the module settings interface.
Enabled - turn on to enable the module.

Social Providers

Here you can customize each social media platform separately. Just fill in several fields to make the login button appear on the site.
Google+
This section allows you to enable the Google+ login button.
Enabled - turn on to enable the module.
Client id - Google+ client id.
Client secret - Google+ client secret.
Redirect Uri - use this uri to configure your application on Google Developers Console.
Sort order - sort order of the Google+ icon on frontend.

How to obtain Google Client ID and Secret?

Following are the simple steps which can help you to get your Client ID and Client Secret for your Web Apps.

  1. You need to create a Project in Google Developer Console. Click here to go to Console page. It will ask you to login with your Google Account if you are not logged in already. If you have created Projects in Google Developers Console before you will see list of already created projects. If not, press Project button > Create project.
  2. A popup will appear, where you will enter ‘Project Name’ and ‘Project ID’ which will help you to recognize your project in console.
  3. By clicking on Create button, Your project will be created and redirects you to your projects list in Console.
  4. Clicking on the project name which you have recently created will take you to your Project Dashboard.
  5. Go to Other popular APIs and Select ‘Analytics API’ and Turn in ‘ON’.
  6. See left side navigation menu. Go to Credentials.
  7. Click on Create Credentials > OAuth 2.0 Client ID.
  8. To create an OAuth client ID, you must first set a product name on the consent screen Click on Configure Consent Screen.and
  9. Enter your Product name “My Project” and Save it.
  10. Once the Consent Screen is filled and saved, the page will redirect itself prompting that the data is saved and ready for next step.
    Select "Web Application" and few other options are enabled.
  11. Leave the name AS IS. At "Authorized JavaScript origins" fill in the host address of your web application. This can only be one URL. At "Authorized redirect URIs" fill in the URL path where you want to handle the authentication. Click on Create button.
  12. You will see a popup containing Client ID and Client Secret. Copy that and paste it in the Google Analytics Profile Setup of the application.
  13. Next steps are required, only if you forgot to capture your Client ID and Client Secret as part of previous screen or if you want to retrieve later. Go to left side navigation menu > Credentials.
  14. Click on Name [Web client 1].
  15. From this screen you can get your Client ID and Client Secret and use them in creating the profile in your application.
Facebook Options
This section allows you to enable the Facebook login button.
Enabled - turn on to enable the module.
Client id - Facebook client id.
Client secret - Facebook client secret.
Sort order - sort order of the Facebook icon on frontend.

To obtain a Client secret from Facebook just follow the steps below.

  1. Go to developers.facebook.com and click on Log In in the top right.  Log in using your personal Facebook credentials.
  2. Note: You cannot log in to the Developer site using a Facebook Page or Business account. You must use the username and password from your personal Facebook profile. Facebook doesn’t allow businesses to register as developers, only individuals.

  3. If this is your first time signing in to the Facebook Developer portal then click on Register. Registering is a quick an easy process which will take less than a couple of minutes.  If you’re already registered then you can skip ahead to step 7.
  4. Accept the Facebook terms and click Next.

  5. Enter your phone number to confirm your account.
  6. Facebook will send you an automated text message containing a confirmation code. Enter it in the box and click Register.
  7. You’re now registered as a Facebook Developer. Click Done.
  8. Hover over My Apps and then click on Add a New App.
  9. Click on basic setup.
  10. Enter your App Name. This can be anything you like. Choose a Category. Click Continue.
  11. Complete the Security Check and click Submit.
  12. Complete the Facebook security check

  13. Your App should now be set up. Copy and paste your App Secret into the required field.

This information was taken from the official sources.

Instagram Options
This section allows you to enable the Instagram login button.
Enabled - turn on to enable the module.
Client id - Instagram client id.
Client secret - Instagram client secret.
Sort order - sort order of the Instagram icon on frontend.
How to Get Instagram Client ID and Client Secret

First things first you need and Instagram profile. If you don’t have it then it’s obligatory to register in social media. You have to complete 4 main steps for getting the desired keys:

To do all steps correctly we’ve prepared the detailed instruction with attached photos of the process.
1. Visit The Mentioned Webpage

While opening this link you see the next page [if you don’t log in Instagram].

The first thing you should do is to log in as an Instagram user.

2. Log in Instagram

To get a Client ID and Client Secret you need to be registered in Instagram. Create an account or log in to proceed the guide.

3. Fill in A Developer Signup

As you are going to implement the special tool on your website, you have to sign up as a developer. After login in Instagram, you will see the next window.

Check all the fields on the web page:

  1. Your website – the URL where you are going to implement the Instagram feed
  2. Phone number – any phone number
  3. What do you want to build with API – any short description

After this signup the Instagram Developer Documentation will appear where you will see greetings and the following overview.

Now you can register your application as a developer. To do that click on the link marked above. Instagram will notify you that at the moment you don’t have any apps and will offer you to create a new one.

The next step is to authorize your new application and new client.

4. Register A New Client ID

The next page has more fields for filling so be attentive!

Check all the fields on the web page:

  1. Application name – choose any appropriate name, which fits Instagram requirements
  2. Description – any short description
  3. Website URL – has to be https://elfsight.com/service/generate-instagram-access-token/
  4. Valid redirect URIs – have to be https://elfsight.com/service/generate-instagram-access-token/
  5. Contact email – so that Instagram can stay in touch with you
Now confirm your data for the final result.
5. Successful Result

The mission accomplished! You’ve got your all-new Instagram Client ID and Client Secret!

Here is your Client ID and Client Secret

Note that if you are going to work with square photos on your website then turn on the non-square media option. Just edit your client and find “Migrations” section. Don’t forget to click “Update Plugin”.

This information was taken from the official sources.

Twitter Options
This section allows you to enable the Twitter login button.
Enabled - turn on to enable the module.
Client id - Twitter client id.
Client secret - Twitter client secret.
Redirect Uri - use this uri to configure your application on Twitter Apps.
Sort order - sort order of the Twitter icon on frontend.
  1. Go to https://dev.twitter.com/apps/new and log in, if necessary
  2. Supply the necessary required fields, accept the Terms Of Service, and solve the CAPTCHA.
  3. Submit the form.
  4. Go to the API Keys tab, there you will find your Consumer key and Consumer secret keys.
  5. Copy the consumer key [API key] and consumer secret from the screen into your application.

Social Sharing

This module allows you to display social icons that are set on the product page. In this way, it gives your site visitors an opportunity to share links to the products of your store in different social networks

General

To set up the module, navigate to Store > Configuration > Templatemonster > Social Sharing tab. Here you’ll find all the settings that are necessary to set up the module.
There are 2 main options in this section.

Enabled - enable/disable the module.
Profile id - Addthis identifier.

To get the Profile Id, register at the Addthis website. After this, you need to create a project in your Dashboard. When creating a project, you’ll be redirected to the General settings, where you’ll see the ID field in General section. You should use this very identifier.

Look & Feel

In this section, you can set up the appearance of the icons. You can choose one of the predefined presets, or you can add your own icons.

Add your own icons. There are 2 options in this section:

Custom button - select this option and specify the link to your image in the input field. When clicking the link, you’ll see a popup for selecting a sharing service.

Custom code - if you select this option, you can fully replace to display of the icons with a custom one. The field can take html and css code. If you need to add a custom Facebook, Twitter or other service’s icon, and want to make it work, you need to add a corresponding class to the link. For Facebook, this will be class="addthis_button_facebook", for Twitter - class="addthis_button_twitter", for a popup with selection of social networks - class="addthis_button_more".

Custom Metadata

In this section, you can set up sharing for a custom page.

Having specified all the data, you’ll see their output in the sharing dialogue window. You’ll see the specified data there.

Custom Sharing Service

In this section, you can add an icon of your social network, and users will be able to share, using your service.

Name - sharing service name.
Url - sharing service link.
Icon - sharing service icon.

Your module will be changed accordingly.

Api Configuration Options

This section contains the API settings of the Addthis service.

Exclude Services - services to exclude from all menus. For example, setting this to 'facebook,myspace' would hide Facebook and MySpace on all our menus.
Compact Menu Services - services to use in the compact menu. For example, setting this to 'print, email, favorites' would result in only those three services appearing.
Expanded Menu Service -
services to use in the expanded menu. Useful if very few services are desired - specifying a long list via services_exclude could be tiresome, and wouldn’t catch a new service added later. For example, setting this to 'bebo, misterwong, netvibes' would result in only those three services appearing in the expanded menu.
Compact Menu Hover - turn off to not to show the compact menu upon mousing over the regular button. Instead, it will be revealed upon clicking the button.
Delay - delay, in milliseconds, before compact menu appears when mousing over a regular button. Capped at 500 ms.
Compact Menu Direction -
normally, we show the compact menu in the direction of the user’s browser that has the most space. Change to customize the default behaviour.
New Window - If true, clicking the AddThis button will open a new window to a page supporting sharing without JavaScript.
Menu Language - force the menu to use a particular language.
Offset Top - number of pixels to offset the top of the compact menu from its parent element.
Offset Left - number of pixels to offset the left of the compact menu from its parent element.
Load AddThis CSS - turn off to not load our standard CSS file, allowing you to style everything yourself.
Track Clickbacks -
turn on to allow us to append a variable to your URLs upon sharing. We’ll use this to track how many people come back to your content via links shared with AddThis.
Google Analytics Id - turn on to enable the module.

Shop by Brand

In order to customize the module, click the Stores > Settings > Configuration.

Then choose the TEMPLATEMONSTER > Shop by Brand in the left side menu and you'll move to the module settings interface.

The tab helps you configure the general information of the module.

Check the tutorial on How to Manage Shop By Brand Module.

Add a New Brand

If you want to add a new brand, click on the Add New Brand button at the top right corner, then fill out data about that new brand.

There are 2 tabs for you to complete: General and Product Brand.

Check the tutorial on Add a New Brand.

Useful Tutorial:

Theme Options

In order to customize the module, click the Stores > Settings > Configuration.

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 you want to modify from the option dropdown.

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

After that, you will see a new tab. The Theme color settings (3) tab under the General one.

The Tab structure is as follows:

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

Useful Tutorials:

 

Twitter Timeline

Display Twitter Feed Box quickly and easily with the help of this advanced Twitter Timeline module. Thanks to a variety of customization options, you can adapt the module according to the specifications of your project.

In order to configure this module, navigate to Stores > Settings > Configuration section.

Then navigate to TemplateMonster > Twitter Timeline in the left side menu to go to the module settings interface.

Let’s review module options:

Enabled - turn on to enable the module.
Account name - Twitter account name.
Position - widget position on the page.
Color scheme - color scheme of the timeline widget.
Layout enhancements - choose from options to customize timeline widget.
Tweet limit - number of tweets to display. This field can only be set, if height is not specified.
Link color - link color in hex format.
Border color - border color in hex format.
Height - height of the timeline widget in pixels. This field can only be set, if tweet limit is not specified.
Width - width of the timeline widget in pixels.

Feel free to use all the options at once or just a few of them, it’s up to you.

Start chat