Developer Portal
HomeAPi References
HomeAPi References
  1. Snipped Code Editor
  • Start Page
    • Intorduction
    • what Can We Develop in Emole
    • Testing Developing Apps And Code
    • Pricing And Recuring Payment
    • Emole Service Store
    • Join To Emole Services Provider
    • Snipped Code Section
      • Introduction
      • What is Snipped Codes Work With Emole Stores?
      • Emole Full Editor
      • Html Editor
        • What is Html Editor?
        • JavaScript and Css In Editor
        • Snipped Codes in Html Editor
        • Html Tags Develop in Editor
        • BootStrap in Html Editor
        • Using Html Editor
        • Libraries And Packages Used in Emole
      • Css Editor
        • what is Css Editor?
        • Css Editor By Store
        • Css Editor Configuration
        • Store Layout Structure
        • Css References
          • layout Structure Classes Names
          • Global Css
            • How To Change Reset CSS
            • How To Change Global CSS
            • How To Change Global Form CSS
            • How To Change Global (Cart Table, Data Table, Forum Table) Table CSS
            • How To Change Mobile Navigation CSS
          • Header And Footer Sections
            • How To Change Notification & Popup CSS
            • How To Change Header Admin Link CSS
            • How To Change Header CSS
            • How To Change Header Selector CSS
            • How To Change Header Link CSS
            • How To Change Header Lower CSS
            • How To Change Header Logo CSS
            • How To Change Desktop Menu CSS
            • How To Change Header Search Box CSS
            • How To Change Flyout Cart CSS
            • How To Change Footer CSS
            • How To Change Blocks CSS
            • How To Change Breadcrumb CSS
          • Catalog Css
            • How To Change Category Page CSS
            • How To Change Manufacturer Page CSS
            • How To Change Vendor Page CSS
            • How To Change Product Box CSS
            • How To Change Home Page Category CSS
            • How To Change Home Page Category CSS
            • How To Change Home Page Product View Per Row CSS
            • How To Change Product Details Page Product View Per Row CSS
            • How To Change Shopping Page Product View Per Row CSS
            • How To Change Pager CSS
            • How To Change Product Reviews CSS
          • Topics And Pages Css
            • How To Change Wishlist Page CSS
            • How To Change Compare Page CSS
            • How To Change Topic CSS
            • How To Change Contact Page CSS
            • How To Change Email A Friend Page CSS
            • How To Change Registation, Login & Account Pages CSS
            • How To Change Cart Pages CSS
            • How To Change Estimate Shipping Popup Common CSS
            • How To Change Shopping Cart Estimate Shipping CSS
            • How To Change Product Estimate Shipping CSS
            • How To Change Checkout Page CSS
            • How To Change Order Details & Shipping Details Pages CSS
            • How To Change Search Pages CSS
            • How To Change SiteMap Pages CSS
            • How To Change Blog Pages CSS
            • How To Change News Pages CSS
            • How To Change Forum & Profile Pages CSS
            • How To Change BB Codes CSS
      • Linked Snipped Code
        • Intorduction
        • Linked Snipped Code Types
        • Emole Linked Snipped Code Components
        • Linked Snipped Code Component Details
          • Linked Snipped Code Component Details Type
          • CategoryNavigation Details Component
          • CheckoutProgress Details Component
          • CustomerNavigation Details Component
      • Snipped Code Editor
        • Introduction
        • What is Widget Zoom
        • Common Widget Zooms
        • Mechanism for arranging elements
  1. Snipped Code Editor

Common Widget Zooms

There Are Many Common Widget Zooms That Used In Most Store Themes , Only Some Of widget Zoom Not used.

The Common Widget Zooms are:#

1.
home_page_top:This Widget Zoom is For Home Page Top And its used for add banner or images Slider or else in top of page like the picture below
image.png
2.
home_page_bottom:This Widget Zoom For Home page Botton Before Footer For Add baner Or Some Information for Store Or Else.
3.
home_page_before_products:This Widget Zoom For Add Any banner Or Image Slider Befor Home Page Features Products That Show in Top OF Home Page as Picture Below.
image.png
4. home_page_before_categories:This Widget Zoom For Add Any banner Or Images Slider Before Home Page Main Categories That Show After Main Products , For infomation About Home Page elements Arrange Look At Mechanism for arranging elements.
5. home_page_before_best_sellers:This Widget Zoom For Add any items Before Home page Best Seller as Show in picture .
image.png
6.productdetails_top: This Widget zoom Used For Add Banner Or any items In upper of product details in main page for example add some banner or image slider or Text or else,
7.productdetails_bottom:This Widget zoom Used For Add Banner Or any items In Bottom of product details in main page for example add some banner or image slider or Text or else.
8.header_before:This Widget Used To Add Any banner or Notifation or text in upper Home Page Before Header Links
image.png
9.header_after:This Widget Zoom Is used For Add any item After Main page Header (After Header Menu).
10.header_menu_after:This Widget Used For Add Any items After Header Menu.
11.footer:This Widget Zoom For Add any Codes under Footer in Home Page.And This Is Offten Used To Add Code To optimize or Add new features in Store like Add new Link To java Libraries Or Else.

Widget zooms Header Section#

This widget Zooms is used For Back End In Header Tag and This Widget zooms Used To Add Java Script libraries or Code Or Css Or else Like Google Tag Manager Code Or Add new features To store Or Add Code To improve Store Or else.
head_html_tag: This is Only Widget that used in Header Tag .
NOTE
If you want to Used Java script libraries Or Css You Must Used Java script or css libraries Discripe In Libraries And Packages Used in Emole
DANGER
All Java Script Code Used in Store Will Be checked By Teams Before publish
Any Service Provider Add Danger Code Or Any Bad Code We Will Add It To Black List And Prevent it from any service.
Previous
What is Widget Zoom
Next
Mechanism for arranging elements