Flash Documentation

CMS Blocks and Widgets Settings (Sample Data Import)

In this section you can find the CMS Blocks and Widgets Settings. Use these instructions in order to configure your store Home Page the same way you can see on the Flash Template Live Demo.

This method assumes that the theme pages, blocks and widgets are imported (with the help of Sample Data Import module) to your store and ready to be set.

JeanStar

Jeans - banner_1 Widget Settings

1. To configure the Jeans - banner_1 widget, navigate to Content > Widgets. Click the widget title to open the setting interface.
2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Jeans - banner_1 CMS Static Block).



4. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Jeans - banner_1 block in our case).
3. Select Edit from the Action option dropdown.



4. You'll see the banner content field. Select the code which is responsible for the image display (e.g. <img src="{{view url='images/banner-1_img-2.jpg'}}" alt="you alt text">).



5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.
6. Save the widget settings.

Jeans - Featured Products Widget Settings

1. To configure the Jeans - Featured Products widget, navigate to Content > Widgets.
2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   General Tab:
   1.	Product Types	All Products
   2.	All Products Title	Featured Products (You can change the widget title)
   3.	Categories	Select product categories to show. Note, each category will be displayed in the separate tab.

4. Don't forget to save changes.

Jeans - Blog Settings

You should first add some blog posts to display in the widget.

Useful Tutorials:

1. Magento. Customize the Sharing Buttons
2. How to add a new blog post?
3. How to add a new blog category?
4. How to show “Blog” link in the Menu?
5. How to enable Blog extension?
6. How to manage Blog extension?

1. To configure the Jeans - Blog Settings widget, navigate to Content > Widgets.
2. In the Assign to Store Views field you need to select Store Views.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   1.	Status	Enable
   2.	Title	Blog
   3.	Post Title Length	70
   4.	Post Description Length	0
   5.	Post Amount	4
   6.	Post Amount per Row	2
   7.	Enable Carousel	No

4. Don't forget to save changes.

GrandSale

GrandSale - CatalogImages - 2 Settings

Note, the categories should have the Thumbnail Images.

1. Go to Products > Categories. Select the category you want to display with the help of the widget.
2. Switch to the Catalog Images Grid tab.
3. Activate Image Grid for the category and upload the thumbnail image.



4. Remember to save the settings.

You can find these images in the pub/media/catalog/category folder.

Useful Tutorials:

1. How to manage Catalog Images Grid module?
2. How to add Catalog Image Grid widget?
3. How to set the category thumbnail image?
4. Magento 2. Manage Product Categories.

1. To configure the GrandSale - CatalogImages - 2 widget, navigate to Content > Widgets. Click the widget title to open the setting interface.
2. Select the Store View(s).



3. Switch to the Widget Options tab and complete the widget settings as below.

N.B. To display store main categories, you can see in the Main Menu, select Default Category for the Category option.



#	Option Name	Value
1.	Category	select the category with 4 subcategories in it.
2.	Title	Here you can change the wodget title.

4. Don't forget to save changes.

The GrandSale - CatalogImages - 1, GrandSale - CatalogImages - 3 and GrandSale - CatalogImages - 4 widgets can be configured the same way.

GrandSale - FeaturedProducts - 1 Widget Settings

1. To configure the GrandSale - FeaturedProducts - 1 widget, navigate to Content > Widgets. Click the widget title to open the setting interface.
2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   General Tab:
   1.	Product Types	Manual Products
   2.	Choose Custom Products	Move to the Choose custom products option and press the Select... button and choose the products you want to show in the widget, then tab Add Product. You should see the "Products selected" message.

4. Don't forget to save changes.

The GrandSale - FeaturedProducts - 2, GrandSale - FeaturedProducts - 3 and GrandSale - FeaturedProducts - 4 widgets can be configured the same way as above.

Shoeger

Shoeger - CatalogImages - 1 Settings

Note, the categories should have the Thumbnail Images.

1. Go to Products > Categories. Select the category you want to display with the help of the widget.
2. Switch to the Catalog Images Grid tab.
3. Upload the thumbnail image.



4. Remember to save the settings.

You can find images in the pub/media/catalog/category folder.

Useful Tutorials:

1. How to manage Catalog Images Grid module?
2. How to add Catalog Image Grid widget?
3. How to set the category thumbnail image?
4. Magento 2. Manage Product Categories.
5. How to "disable" the Category Image Grid widget?

1. To configure the Shoeger - CatalogImages - 1 widget, navigate to Content > Widgets. Click the widget title to open the setting interface.
2. Select the Store View(s).



3. Switch to the Widget Options tab and complete the widget settings as below.

N.B. To display store main categories, you can see in the Main Menu, select Default Category for the Category option.



#	Option Name	Value
1.	Category	select the store category with 2 categories in it and 3 subcategoriesin each category.

4. Don't forget to save changes.

Shoeger - FeaturedProducts - 1

1. To configure the Shoeger - FeaturedProducts - 1 widget, navigate to Content > Widgets. Click the widget title to open the setting interface.
2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   General Tab:
   1.	Categories	Selec the categories. Note, the each category will be displayed in the separate tab.

4. Don't forget to save changes.

Shoeger - Banner - 1 Widget Settings

1. To configure the Shoeger - Banner - 1 widget, navigate to Content > Widgets. Click the widget title to
2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Shoeger - Banner - 1 CMS Static Block).



4. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Shoeger - Banner - 1 block in our case).
3. Select Edit from the Action option dropdown.



4. You'll see the banner content field. Select the code which is responsible for the image display (e.g. <img src="{{view url='images/banner-x_img-x.jpg'}}" alt="you alt text">).



5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.
6. Save the widget settings.

How to change the text on the banner?

1. You also can change the block content.
2. In order to do this, go to the Content > Blocks section.
3. Find the Shoeger - Banner - 1 static block.
4. Select Edit from the Action option dropdown.
5. You will see CMS block settings interface.
6. Now, you're able to edit the block content in the content field.
7. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
8. You can change the text which is between the angle brackets ( >text< ).



9. Remember to save the settings.

Slider Settings

First you should create new slider.

Go to TemplateMonster > Sliders section.

To add new slider click Add New Slider button in the top right corner.

On the slider configuration screen in the General Options section you can see all available slider settings. Slider Items section allows you to add slides to your slider.

Then complete the settings as below:

General Setting ▼

Main Settings

Enter the slider title (only for internal reference).

Image Settings

Slides Settings

Fade Animation Settings

Auto Play settings

Controls Settings

Responsive Settings

Caption Settings

Layers Main Settings

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 Slide button to add a new slide.

You can find theslider images in the pub/media/slider folder.

Add the Slider Widget

1. In the top menu navigate to Content > Widgets
2. In the top right corner click the Add Widget button to add a new widget.
3. Set the widget type to FilmSlider and select the theme that you want to apply the widget to (your new theme), then click Continue button.
4. On the next page in the Widget Title field enter the name of the widget which will be displayed in the admin panel. In the Assign to Store Views field you need to select Store View where you want the slider to be displayed on. Set the Sort Order to 0.
5. Move to the Layout Updates section and click on the Add Layout Update button.
6. In the Display On select Specified Page. Choose CMS Home Page for the Page option. Set Container option to After Page Header. You can get the widget details from the Template Settings table.
7. In the left sidebar click Widget Options tab and select the slider you want to insert. Don't forget to save changes.

Jacketto

Jacketto - Banner 1 Widget Settings

Create the Jacketto - Banner 1 Static Block

1. In the top menu go to Content > Blocks.
2. In the top right corner click the Add New block button to add a new static block.
3. Specify the block name (Jacketto - Banner 1) and identifier (jacketto_banner_1). You can get the block details from the Template Settings table.
4. Open the sources\demo\blocks\jacketto_banner_1.phtml file and copy the HTML code into the CMS Static Block content area.
5. See the tutorial on How to add CMS Static Block.
6. Save the settings.

Create the Jacketto - Banner 1 Widget

1. In the top menu go to Content > Widgets.
2. In the top right corner click the Add Widget button to add a new widget.
3. Set the widget type to CMS Static Block and select the theme that you want to apply the widget to (Zemez Theme), then click Continue button. See the tutorial on How to add new Widget.
4. On the next page in the Widget Title field enter the name of the widget which will be displayed in the admin panel. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on. Set Sort Order to 0.



5. Move to the Layout Updates section and click on the Add Layout Update button.
6. In the Display On select Specified Page.
7. Choose CMS Home Page for the Page option.
8. Set Container option to After Page Header. You can get the widget details from the Template Settings table.



9. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Jacketto - Banner 1 CMS Static Block).



10. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Jacketto - Banner 1 block in our case).
3. Select Edit from the Action option dropdown.
4. You'll see the banner content field. Select the code which is responsible for the image display (e.g. <img src="{{view url='images/banner-1_img-2.jpg'}}" alt="you alt text">).
5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.
6. Save the widget settings.

Jacketto - Banner 2 Widget Settings

Create the Jacketto - Banner 2 block

1. In the top menu navigate to Content > Blocks.
2. In the top right corner click the Add New block button to add a new static block.
3. Specify the block name and identifier. You can get the block details from the Template Settings table.
4. Open the sources\demo\blocks\jacketto-banner-2.phtml file and copy the HTML code into the CMS Static Block content area. See the tutorial on How to add CMS Static Block.
5. Save the settings.

Create the Jacketto - Banner 2 widget

1. In the top menu navigate to Content > Widgets
2. In the top right corner click the Add Widget button to add a new widget.
3. Set the widget type to CMS Static Block and select the theme that you want to apply the widget to, then click Continue button. See the tutorial on How to add new Widget.
4. On the next page in the Widget Title field enter the name (banner_box) of the widget which will be displayed in the admin panel. In the Assign to Store Views field you need to select store views where you want the widget displayed on. Set Sort Order to 10. Move to the Layout Updates section and click on the Add Layout Update button.
5. In the Display On select Specified Page. Choose CMS Home Page for the Page option. Set Container option to After Page Header. You can get the widget details from the Template Settings table.



6. In the left sidebar click Widget Options tab and select the static block you are referring to (Jacketto - Banner 2).



7. Don't forget to save changes.

How to change the Jacketto - Banner 2 background image?

1. The block background image is stored under the app\design\frontend\Zemez\themeXXX\web\images forder in the downloded fullpackage.
2. You can replace the jack-banner-2_img-1.jpg image with the new one. You should keep the image name and dimensions (jack-banner-2_img-1.jpg; 1920 x 1739 px).

How to change Jacketto - Banner 2 button link?

1. To change the button link go to the Content > Blocks section.
2. Find the static block you want to change (it's the Jacketto - Banner 2 block in our case).
3. Select Edit from the Action option dropdown.
4. You will see CMS block settings interface. Now, you're able to edit the block content in the content field. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
5. Find the <a href="XXX.html" code part. Replace the XXX with the needed page or category URL.
6. Remember to save the settings.

Jacketto - Banner 3 Widget Settings

Create the Jacketto - Banner 3 Static Block

1. In the top menu go to Content > Blocks.
2. In the top right corner click the Add New block button to add a new static block.
3. Specify the block name (Jacketto - Banner 3) and identifier (jacketto_banner_3). You can get the block details from the Template Settings table.
4. Open the sources\demo\blocks\jacketto_banner_3.phtml file and copy the HTML code into the CMS Static Block content area.
5. See the tutorial on How to add CMS Static Block.
6. Save the settings.

Create the Jacketto - Banner 3 Widget

1. In the top menu go to Content > Widgets.
2. In the top right corner click the Add Widget button to add a new widget.
3. Set the widget type to CMS Static Block and select the theme that you want to apply the widget to (Zemez Theme), then click Continue button. See the tutorial on How to add new Widget.
4. On the next page in the Widget Title field enter the name of the widget which will be displayed in the admin panel. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on. Set Sort Order to 20.
5. Move to the Layout Updates section and click on the Add Layout Update button.
6. In the Display On select Specified Page.
7. Choose CMS Home Page for the Page option.
8. Set Container option to After Page Header. You can get the widget details from the Template Settings table.



9. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Jacketto - Banner 3 CMS Static Block).



10. Don't forget to save changes.

How to change the widget text?

1. You also can change the block content.
2. In order to do this, go to the Content > Blocks section.
3. Find the Jacketto - Banner 3 static block.
4. Select Edit from the Action option dropdown.
5. You will see CMS block settings interface.
6. Now, you're able to edit the block content in the content field.
7. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
8. You can change the text which is between the angle brackets ( >text< ).
9. Remember to save the settings.

Featured Products

Create Featured Products Widget

1. In the top menu navigate to Content > Widgets
2. In the top right corner click the Add Widget button to add a new widget.
3. Set the widget type to Featured Products and select the theme that you want to apply the widget to, then click Continue button. See the tutorial on How to add new Widget.
4. On the next page in the Widget Title field enter the name of the widget which will be displayed in the admin panel. In the Assign to Store Views field you need to select store views where you want the widget displayed on. Set Sort Order to 0. Move to the Layout Updates section and click on the Add Layout Update button.
5. In the Display On select Specified Page. Choose CMS Home Page for the Page option. Set Container option to Main Content Area and choose Products Grid template for the widget. You can find the widget details in the Template Settings table.



6. Switch to the Widget Options tab.



7. Complete the widget settings as below:

   #	Option Name	Value
   General Tab:
   1.	Status	Enable
   2.	Product Types	All Products
   3.	Categories	now you need to select a category. Press the "+" button? then the "ellipsis" icon. Click Open Chooser and select the categories to add from the dropdown by checking the box and applying it.
   4.	Products Title	Featured Products
   5.	Css Class	featured-products f-layout-1
   5.	Cache Lifetime (Seconds)	0
   View Tab:
   1.	Product Image Width	370
   2.	Product Image Height	450
   3.	Product Name Length	70
   4.	Products to Display	6
   5.	Carousel	No
   6.	Number of Products rer Row	3
   Labels Tab:
   1.	Show Label	No
   Banner Tab:
   1.	Use Banner	No
   Gallery Tab:
   1.	Choose Hover Type	Default

8. Don't forget to save changes.

Jacketto - Banner 4 Widget Settings

Create the Jacketto - Banner 4 block

1. In the top menu navigate to Content > Blocks.
2. In the top right corner click the Add New block button to add a new static block.
3. Specify the block name and identifier. You can get the block details from the Template Settings table.
4. Open the sources\demo\blocks\jacketto-banner-4.phtml file and copy the HTML code into the CMS Static Block content area. See the tutorial on How to add CMS Static Block.
5. Save the settings.

Create the Jacketto - Banner 4 widget

1. In the top menu navigate to Content > Widgets
2. In the top right corner click the Add Widget button to add a new widget.
3. Set the widget type to CMS Static Block and select the theme that you want to apply the widget to, then click Continue button. See the tutorial on How to add new Widget.
4. On the next page in the Widget Title field enter the name (banner_box) of the widget which will be displayed in the admin panel. In the Assign to Store Views field you need to select store views where you want the widget displayed on. Set Sort Order to 0. Move to the Layout Updates section and click on the Add Layout Update button.
5. In the Display On select Specified Page. Choose CMS Home Page for the Page option. Set Container option to Before Page Footer. You can get the widget details from the Template Settings table.



6. In the left sidebar click Widget Options tab and select the static block you are referring to (Jacketto - Banner 4).



7. Don't forget to save changes.

How to change the Jacketto - Banner 4 background image?

1. The block background image is stored under the app\design\frontend\Zemez\themeXXX\web\images forder in the downloded fullpackage.
2. You can replace the jack-banner-4_img-1.jpg image with the new one. You should keep the image name and dimensions (jack-banner-4_img-1.jpg; 1920 x 1294 px).

KuroFashion

KuroFashion - Banner 1 Widget Settings

1. To configure the KuroFashion - Banner 1 widget, navigate to Content > Widgets. Click the widget title to
2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



 

3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's KuroFashion - Banner 1 CMS Static Block).



4. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the KuroFashion - Banner 1 block in our case).
3. Select Edit from the Action option dropdown.



4. You'll see the banner content field. Select the code which is responsible for the image display (e.g. <img src="{{view url='images/kuro_banner-x_img-x.jpg'}}" alt="your alt text" class="tile-img-1">).



5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.



You should get something like that:



6. Save the widget settings.

How to change the text on the banner?

1. You also can change the block content.
2. In order to do this, go to the Content > Blocks section.
3. Find the KuroFashion - Banner 1 static block.



4. Select Edit from the Action option dropdown.
5. You will see CMS block settings interface.
6. Now, you're able to edit the block content in the content field.
7. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
8. You can change the text which is between the angle brackets ( >text< ).



9. Remember to save the settings.

KuroFashion - Banner 2 Widget Settings

1. To configure the KuroFashion - Banner 2 widget, navigate to Content > Widgets. Click the widget title to
2. In the Assign to Store Views field you need to select the Store View(s).
3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's KuroFashion - Banner 2 CMS Static Block).



4. Don't forget to save changes.

How to change banner link?

1. To change the button link go to the Content > Blocks section.
2. Find the static block you want to change (it's the KuroFashion - Banner 2 block in our case).
3. Select Edit from the Action option dropdown.
4. You will see CMS block settings interface. Now, you're able to edit the block content in the content field. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
5. Find the <a href="XXX.html" code part. Replace the XXX with the needed page or category URL.



6. Remember to save the settings.

KuroFashion - FeaturedProducts

1. To configure the Shoeger - FeaturedProducts - 1 widget, navigate to Content > Widgets. Click the widget title to open the setting interface.



2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   General Tab:
   1.	Categories	Select the categories. Note, each category will be displayed in the separate tab.

4. Don't forget to save changes.

KuroFashion - Blog

Note, you should first add some blog posts to display in the widget.

Useful Tutorials:

1. Magento. Customize the Sharing Buttons
2. How to add a new blog post?
3. How to add a new blog category?
4. How to show “Blog” link in the Menu?
5. How to enable Blog extension?
6. How to manage Blog extension?

1. To configure the KuroFashion - Blog widget, navigate to Content > Widgets.
2. Click on the widget title to access the settings.



3. In the Assign to Store Views field you need to select Store Views.



4. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   1.	Status	Enable
   2.	Title	Blog (you can change the block title)
   3.	Post Title Length	70 (adjust the title length)

5. Don't forget to save changes.

Moveolo

Moveolo - Slider

First you should create new slider.

Go to TemplateMonster > Sliders section.

To add new slider click Add New Slider button in the top right corner.

On the slider configuration screen in the General Options section you can see all available slider settings. Slider Items section allows you to add slides to your slider.

Then complete the settings as below:

General Setting ▼

Main Settings

Enter the slider title (only for internal reference).

Make the slider available for All Store Views.

Image Settings

Slides Settings

Fade Animation Settings

Auto Play Settings

Controls Settings

Responsive Settings

Caption Settings

Layers Main Settings

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 Slide button to add a new slide.

You can find the slider images in the pub/media/slider folder.

First Slide settings

Slide Information

Slide Images

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-1

Layer text settings

Layer position settings

Layer animation settings

Second Slide settings

Slide Information

Slide Images

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-1

Layer text settings

Layer position settings

Layer animation settings

Third Slide settings

Slide Information

Slide Images

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-1

Layer text settings

Layer position settings

Layer animation settings

Save the Slider Items.

Add the Slider Widget

1. In the top menu navigate to Content > Widgets
2. In the top right corner click the Add Widget button to add a new widget.



3. Set the widget type to FilmSlider and select the theme that you want to apply the widget to (your new theme), then click Continue button.
4. On the next page in the Widget Title field enter the name (Moveolo - Slider) of the widget which will be displayed in the admin panel.



5. In the Assign to Store Views field you need to select Store View where you want the slider to be displayed on. Set the Sort Order to 0.
6. Move to the Layout Updates section and click on the Add Layout Update button.
7. In the Display On select Specified Page. Choose CMS Home Page for the Page option. Set Container option to Main Content Area. You can get the widget details from the Template Settings table.



8. In the left sidebar click Widget Options tab and select the slider you want to insert.



9. Don't forget to save changes.

Moveolo - Banners Widget Settings

1. To configure the Moveolo - Banners widget, navigate to Content > Widgets. Click the widget title.
2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Moveolo - Banners CMS Static Block).



4. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Moveolo - Banners block in our case).
3. Select Edit from the Action option dropdown.



4. You'll see the banner content field. Select the code which is responsible for the image display (e.g.<img src="{{view url='images/moveolo_banner-x.jpg'}}" alt="your alt text">).



5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.
6. Save the widget settings.

How to change the text on the banner?

1. You also can change the block content.
2. In order to do this, go to the Content > Blocks section.
3. Find the Moveolo - Banners static block.
4. Select Edit from the Action option dropdown.



5. You will see CMS block settings interface.
6. Now, you're able to edit the block content in the content field.
7. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
8. You can change the text which is between the angle brackets ( >text< ).



9. Remember to save the settings.

Moveolo - FeaturedProducts

1. To configure the Moveolo - FeaturedProducts widget, navigate to Content > Widgets. Click the widget title to open the setting interface.



2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   General Tab:
   1.	Categories	Select the categories. Note, each category will be displayed in the separate tab.

4. Don't forget to save changes.

Moveolo - Store Description Widget Settings

1. To configure the Moveolo - Store Description widget, navigate to Content > Widgets. Click the widget title.



2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Moveolo - Banners CMS Static Block).



4. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Moveolo - Store Description block in our case).
3. Select Edit from the Action option dropdown.



4. You'll see the banner content field. Select the code which is responsible for the image display (e.g. <img src="{{media url="wysiwyg/umbrella-store_logo.png"}}" alt="" />).



5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.
6. Save the widget settings.

How to change the Text?

1. You also can change the block content.
2. In order to do this, go to the Content > Blocks section.
3. Find the Moveolo - Banners static block.
4. Select Edit from the Action option dropdown.



5. You will see CMS block settings interface.
6. Now, you're able to edit the block content in the content field.
7. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)



8. You can change the text which is between the angle brackets ( >text< ).



9. Remember to save the settings.

Moveolo - Shop by Brand Widget Settings

1. To configure the Moveolo - Shop by Brand widget, navigate to Content > Widgets. Click the widget title to open the setting interface.



2. Navigate to Widgets Options tab. Go to the Choose brands option. You need to select brands you want to display within the widget.



3. Save the settings.

Useful Tutorials:

• Magento 2.1.x. How to add Shop by Brand widget on the Home Page
• Magento 2.1.x. Add a new Brand
• Magento 2.1.x. How to manage Shop By Brand module

Tweeds

Tweeds - Banner 1 Widget Settings

1. To configure the Tweeds - Banner 1 widget, navigate to Content > Widgets. Click the widget title to
2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Tweeds - Banner 1 CMS Static Block).



4. Don't forget to save changes.

How to Change the Image?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Tweeds - Banner 1 block in our case).
3. Select Edit from the Action option dropdown.



4. You'll see the banner content field. Select the code which is responsible for the image display (e.g. <img src="{{view url='images/tweeds-banner-1_1.jpg'}}" alt="banner image" class="tile-img-1">).



5. Delete the code and press the Insert Image button. Upload the new banner image (click Browse) and press on the Insert File button.
6. Save the widget settings.

How to change the text on the banner?

1. You also can change the block content.
2. In order to do this, go to the Content > Blocks section.
3. Find the Tweeds - Banner 1 static block.
4. Select Edit from the Action option dropdown.



5. You will see CMS block settings interface.
6. Now, you're able to edit the block content in the content field.
7. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
8. You can change the text which is between the angle brackets ( >text< ).



9. Remember to save the settings.

Tweeds - CatalogImages Settings

Note, the categories should have the Thumbnail Images.

1. Go to Products > Categories. Select the category you want to display with the help of the widget.
2. Switch to the Catalog Images Grid tab.
3. Upload the thumbnail image.



4. Remember to save the settings.

You can find images in the pub/media/catalog/category folder.

Useful Tutorials:

1. How to manage Catalog Images Grid module?
2. How to add Catalog Image Grid widget?
3. How to set the category thumbnail image?
4. Magento 2. Manage Product Categories.
5. How to "disable" the Category Image Grid widget?

1. To configure the Tweeds - CatalogImages widget, navigate to Content > Widgets. Click the widget title to open the setting interface.



2. Select the Store View(s).



3. Switch to the Widget Options tab and complete the widget settings as below.

N.B. To display store main categories, you can see in the Main Menu, select Default Category for the Category option.



#	Option Name	Value
1.	Category	select the store category with 4 subcategories in it.

4. Don't forget to save changes.

Tweeds - Shop by Brand Widget Settings

1. To configure the Tweeds - Shop by Brand widget, navigate to Content > Widgets. Click the widget title to open the setting interface.



2. Navigate to Widgets Options tab. Go to the Choose brands option. You need to select brands you want to display within the widget.



3. Save the settings.

Useful Tutorials:

• Magento 2.1.x. How to add Shop by Brand widget on the Home Page
• Magento 2.1.x. Add a new Brand
• Magento 2.1.x. How to manage Shop By Brand module

Tweeds - Featured Products Widget Settings

1. To configure the Tweeds - Featured Products widget, navigate to Content > Widgets.
2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   General Tab:
   1.	Product Types	All Products
   2.	All Products Title	Featured Products (You can change the widget title)
   3	CSS Class	tweeds-featured featured-products f-layout-1
   4	Categories	Select the categories. Note, each category will be displayed in the separate tab.

4. Don't forget to save changes.

How to change the text on the banner?

1. To change the banner go to the Content > Widgets section.
2. Find the Tweeds - Featured Products widget.
3. Click the widget title to open the widget settings and go to the Widget Options tab.



4. Then go to the Banner section. You'll see the Banner Content option.



5. To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
6. You can change the text which is between the angle brackets ( >text< ).



7. Remember to save the settings.

Tweeds - Featured Products Widget Settings

1. To configure the Tweeds - Featured Products widget, navigate to Content > Widgets.
2. In the Assign to Store Views field you need to select Store View you want the widget to be displayed on.



3. Switch to the Widget Options tab and complete the widget settings as below.

   #	Option Name	Value
   General Tab:
   1.	Product Types	All Products
   2.	All Products Title	Featured Products (You can change the widget title)
   3	CSS Class	featured-products f-layout-1 tweeds-featured-1
   4	Categories	Select the categories. Note, each category will be displayed in the separate tab.

4. Don't forget to save changes.

Tweeds - Banner 2 Widget Settings

1. To configure the Tweeds - Banner 2 widget, navigate to Content > Widgets. Click the widget title to
2. In the Assign to Store Views field you need to select the Store View you want the widget to be displayed on.



3. In the left sidebar click Widget Options tab and select the static block you are referring to (it's Tweeds - Banner 2 CMS Static Block).



4. Don't forget to save changes.

How to change the text on the banner?

1. To change the banner go to the Content > Blocks section.
2. Find the static block you want to change (it's the Tweeds - Banner 2 block in our case).
3. Select Edit from the Action option dropdown.



4. You will see CMS block settings interface.
5. Now, you're able to edit the block content in the content field.
6. Full HTML support is provided. (To activate HTML editor, press the Show / Hide Editor button. See the tutorial on How to enable the WYSIWYG editor.)
7. You can change the text which is between the angle brackets ( >text< ).



8. Remember to save the settings.

Tweeds - Blog

Note, you should first add some blog posts to display in the widget.

Useful Tutorials:

1. Magento. Customize the Sharing Buttons
2. How to add a new blog post?
3. How to add a new blog category?
4. How to show “Blog” link in the Menu?
5. How to enable Blog extension?
6. How to manage Blog extension?

1. To configure the Tweeds - Blog widget, navigate to Content > Widgets.
2. Click on the widget title to access the settings.



3. In the Assign to Store Views field you need to select Store Views.



4. Switch to the Widget Options tab and complete the widget settings as below.

   

   #	Option Name	Value
   1.	Status	Enable
   2.	Title	Latest News (you can change the block title)
   3.	Post Title Length	70 (adjust the title length)
   3.	Css Class	tweeds-blog blog-view-1 right-title

5. Don't forget to save changes.