Smart Elect Magento Theme (mag100226_3)

Magento 2 Theme Installation Help - TemplateMela

Thank you for purchasing theme from TemplateMela. If you have any questions, please feel free to contact us via our support form https://www.templatemela.com/support. Thanks again for your purchase.

Installation














Activate Theme

Now we have to set our Template from Admin panel
Method Under Admin Panel Go to Content > Configuration , click on Edit at Default Store View in Design Configuration table, select the theme(Megnor mag100226_3) within the dropdown list, click Save Config




Homepage Setting

Goto Admin panel > Content > Pages > home (select home as URL Key).
Select Design from Tab, Select "1 columns" from Layout Drop Down.




and Under Content, Show/Hide Editor and in HTML write below code.




and Click on "Save Page" Button.


Static Block Settings

1) Create Static Block for Header Static CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_header-staticlink_cms
      Identifier :- tm_header-staticlink_cms
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

2) Create Static Block for Home Page Slider CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_slider
      Identifier :- tm_slider
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

3) Create Static Block for Home Page Shipping CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_Headerlink_CMS
      Identifier :- tm_Headerlink_CMS
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

4) Create Static Block for Home Page Subbanner CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_subbanner_cms
      Identifier :- tm_subbanner_cms
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

5) Create Static Block for Latest Product CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_latest_product
      Identifier :- tm_latest_product
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

6) Create Static Block for Advertisements CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_advertise_banner_cms
      Identifier :- tm_advertise_banner_cms
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

7) Create Static Block for Blog CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_blog
      Identifier :- tm_blog
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

8) Create Static Block for Footer logo CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_footer_logo
      Identifier :- tm_footer_logo
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

9) Create Static Block for Footer Static Link 1 CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_footer_staticlink1
      Identifier :- tm_footer_staticlink1
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

10) Create Static Block for Footer Static Link 2 CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_footer_staticlink2
      Identifier :- tm_footer_staticlink2
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

11) Create Static Block for Footer Static Link 3 CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_footer_staticlink3
      Identifier :- tm_footer_staticlink3
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

12) Create Static Block for Footer Contact CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_footer_contactus
      Identifier :- tm_footer_contactus
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

13) Create Static Block for Newsletter CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_newsletter_heading
      Identifier :- tm_newsletter_heading
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

14) Create Static Block for Mega Menu Banner CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_megamenu_banner_bottom
      Identifier :- tm_megamenu_banner_bottom
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

15) Create Static Block for Custommenu Menu CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_custommenu
      Identifier :- tm_custommenu
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

16) Create Static Block for Left Banner CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- left_banner
      Identifier :- left_banner
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

17) Create Static Block for Product Page Custom Tab CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- Custom Tab
      Identifier :- Custom Tab
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

18) Create Static Block for Product Page Right Side Advertisiment CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- pro-page-right-cms
      Identifier :- pro-page-right-cms
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

19) Create Static Block for Easy access CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_easy_access
      Identifier :- tm_easy_access
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

20) Create Static Block for Sbu Ad banner CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_sub_adbanner
      Identifier :- tm_sub_adbanner
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

21) Create Static Block for Footer offer CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_footer_offer_cms
      Identifier :- tm_footer_offer_cms
      Content :- Click on this button and Add Below Code in HTML Content:
and Click on "Save Block" Button.

Product tab Settings

How to Add Product Tab


Create Static Block for Product Tab.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_product_tab
      Identifier :- tm_product_tab
      Content :- Click on this button and Add Below Code in HTML Content:






now here above content you have to add Widget for particular tab, For that you have to follow same steps from Product Widget Setting Click On Insert Widget





Now Insert Widget


    Widget
  • Widget Type : Select Catalog Product List if you want product.
  • Title : Enter Title Of Widget.
  • Display Page Control : If you make this option is yes, then Pagination is displayed in widget.
  • Number of Products to Display : Total Number of Product You want to be display in widget.
  • Template : Select Template You want to load on widget.
  • Cache Life Time : if not set. To refresh instantly, clear the Blocks HTML Output cache.
  • Condition : Set If you Want to Category filter the Product.






now Click on "Insert Widget" Button.
For every tab you have to insert widget for diffrent category id, after all finish Click on "Save Block" Button.

Special products Settings

How to Add Special products CMS


Create Static Block for Special Products CMS.
Goto Admin panel > Content > Blocks. Click on Add New Block Button and write below detail.
      Block Title :- tm_special_cms
      Identifier :- tm_special_cms
      Content :- Click on this button and Add Below Code in HTML Content:






now here above content you have to add Widget for Special, For that you have to follow same steps from Special Product Widget Setting Click On Insert Widget





Now Insert Widget


    Widget
  • Widget Type : Select Catalog Product List if you want product.
  • Title : Enter Title Of Widget.
  • Display Page Control : If you make this option is yes, then Pagination is displayed in widget.
  • Number of Products to Display : Total Number of Product You want to be display in widget.
  • Template : Select Template You want to load on widget.
  • Cache Life Time : if not set. To refresh instantly, clear the Blocks HTML Output cache.
  • Condition : Set If ALL these conditions are FALSE. Now click on the Add sign and Select Special price from the list






now Click on "Insert Widget" Button.
For every tab you have to insert widget for diffrent category id, after all finish Click on "Save Block" Button.
Note: If you want carousel on product tabs or Bestseller widget then replace "grid.phtml" with "carousel.phtml" in tm_product_tab block after adding Widget.
Important Note: Remember to clear cache From Admin Panel > System > Cache Management

Need More Help?

Once again, thank you so much for purchasing the theme. We are glad to help you if you have any questions relating to this theme.You can contact us and submit technical Supprot Ticket from our support desk https://www.templatemela.com/support/