Developer Portal
HomeAPi References
HomeAPi References
  1. Linked Snipped Code
  • 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. Linked Snipped Code

Linked Snipped Code Types

There Are Two Type of Linked Snipped Code One is To include Element Data Like Include Topic Detail For example Topic Contact The Second is For include Page Code but this Type is only for Store and product Theme Creator Because that we will Describe More Details About it in Store theme Section .
The first Type Is using The InvokeAsaync Keyword of Component ELement
@await Component.InvokeAsync("");
This Keyword Have Two Types:
First:Load element Data or widget zoom content this have two parameters:
1.
Page Name Parameter like widget,TopicBlock and type of it is string Type.
2.
data Parmeter of the element forexample
This Linked keyword Using Topic Element By typing the "TopicBlock" string in first parameter.
the second is Data with new kewword to display topic with systemname="HomepageText".
INFO
The System Name "HomepageText" is keyword used in Emole Store To display topic in Top of Home Page Foxexample Display Banner or Text or Contact detail or message ...and So on.
Second Type:Load Alleardy Pages without Data Parameter Because Emole Has many Exits pages That display many element forexample "HomepageProducts" to display list of Home page Products and "HomepageCategory" to display list of home page categories...so on.
 @await Component.InvokeAsync("HomepageCategories")
as you see like this We Called Linked Snipped Code .
NOTE
Some Pages You can display it without Data paramter and some pages you must use data paramter .
INFO
Some pages display List of elements as tabel or slider Like HomepageCategories,Homepageproducts,HomepageBestSellers and so on, and some page display data details.and some pages display another data like checkout progress or shopping card and so on.
NOTE
with Components That Display list of elements you can filter it by using Data paramter by using element fields,with with pages that display single page like topicblock you can use element field like SystemName Because Most of elements have Systemname Field like topic and also customers rules or other fields like name...and so on.
NOTE
You must know The snipped Code is Debend on Components Tree The Snipped Code First Search About Components in Current Theme Store Components Folder If there no Component Match the Snipped Code Component in Current Theme Then The Snipped Code Search in The Parent Components Folder in Emole System if also Then The Snipped Code Not Work And Display Error.
CAUTION
Using Wrong Component name will not diplay anything and Display Page name that display single page without data prameter maybe not displaying Any data or display all data like single data.
The Second Type Of Linked Sinpped Code Is Called PartialAsync keyword and this is for Display page Code like Form Code in page or inlucde another page inside it and this we will Discusses it in Store Theme Section.
Previous
Intorduction
Next
Emole Linked Snipped Code Components