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

Mechanism for arranging elements

You must Know The Mechanism for arranging elements in Emole Store And How they work So then You make any design or any snipped code .
In Most Themes in Emole The Home Page Start With these arrangement :
1.
Widget Zoom "Home_Page_Top":this Widget Zoom Is the first items in Home Page After Home Page Header.Some Time Conaint Banner Or Image Slider Or notification and so on.
2.
Home Page Topic:The Home Page Topic Is The Topic in Top Of the home page Before All Home Page Widgets Zooms After Home_page_Top Widget zoom And some time before it Debend on Theme And this Topic Is like Any Topic But Has the system Name "HomepageText".And This Topic Can Contain Any Thing Store contacts or Store Logo Or Infromation About Store Or Else.
3.
Widget Zoom "Home_page_Before_Categories":This Widget Zoom is The Third Items in Home After Home Page Topic And this Widget Sometimes has banner or image slider or products Slider.
4.
Home Page Categories:The Vendor Can Add many Categories From Control Panel in Home Page By Check The Option "Display on Home page" in Category Details.
5.
Widget Zoom "Home_page_Before_Products":This Widget Zoom Before Home Page Feature Products Sometimes Contain banner or image slider.
6.
Home Page Products:This place For All Home Page Products Or Features Products The products in this place The vendor can set it by Check The option "Display On Home Page".
7.
Widget Zoom "Home_page_Before_BestSellers":This Widget zoom Before Home Page Best Sellers Product Also SomeTimes Contains Banner or images slider or products.
8.
Home Page Best Sellers:This Place is for Best Products Sells debend on its Orders Count This is default Show in all Emole Themes Store The Vendor Can Disabled it from Configuration then Settings then Catalog Settings then Addtional Sections as show in picture below.
image.png
9. Widget zoom "Home_page_Before_News":This widget zoom to show items before News System Place and can contain any element like other widget zoom.
10. Home Page News:For News System Because All Stores Have News System But only work wigh Last Package.The Vendor Can Add Manage The New From Control Panel Then Content Management then News items.
image.png
12. Widget Zoom "Home_page_Before_Polls":This Widget zoom Before Home Page Poll Also SomeTimes Contains Banner or images slider or products.
13. Home page Polls:To display Store Poll in Home Page This Poll Only Work with Advanced Packages. The Vendor Can Add New Poll And Disply It in Home page from control panel Click on Conten Management then Polls.
NOTE
Some Themes Diplay Poll in Bottom of Home page and other themes Display it in right side or left side.
14.
Widget zoom "home_page_bottom:this widget zoom to add any items in bottom of home page.
NOTE
This Is Default arrangement in All Emole Stores Some themes display it all and other display some elements and some themes not display the last three elements All These Debend On Theme Creator This arrangement not required but its the default arrangement in Emole Stores.
Previous
Common Widget Zooms