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

What is Snipped Codes Work With Emole Stores?

There are Many Types of Snipped Code that work with Emole Stores :
1.
Css Code :You Can Develop Css Sipped Code For Any Item in Emole Stores like Change Shopping Card Style Like Color Or Size Or Else, Change item Text Like Change AddToCard Button Text To Apply Text,Change item Event Procedure Like Change AddToCard Botton Click Event Procedure From Add Product in Item To CheckOut Procedure We Will Decribe All this in Css Snipped Code Section.
.test{color:reg;}
2.
Html Code:Not Only Css Code You Can Develop Also Html Code How That You Can Develop And Html Code in Any System Like Product or Category or Topic Or Else Full Description Editor Because The Editor Is Full Html Editor You Edit Html Code And Preview it .We will Decribe this in Html Code Section.
<a href="http://google.com">hello</a>
3.
Bootstrap Code:Also You Can Develop BootStrap Code,if You Don't know what BootStrap Code Is Code That Make Beautifull Design And Also Responsive Design Like Create Slider Images Or Create Modal Form Or Else ,You Can develop it in System Decription Full Editor Like Html Code ,We will Describe Full Editor in Next Topic and Also Describe Bootstrip in Bootstrip Section.
<div class="row"><div class="col-3"><div/></div>
NOTE
You Can Develop Only Inline Code the Out Css Link Is prevent You can Link With Our Css Styles File.
4.
JavaScript Code:You Can Create Javascript Code in system Html Editor And Also in Store JavaScript Widget Editor we will Describe this in JavaScript Code Section.
alert("hello world");
NOTE
You Can Only Use inline Code The Out javascript line Is prevent You can Link With Our Javascript Libraries.
5.
Linked Code:The Linked Code Is Code That Added in page To Preview Another Page Or Component Like Add Product Details inside Topic Or Add Topic Inside Product Page Or Add New Form Inside Product Details ,we will Descibe Every Thing About This In Linked Code Section.
@await Component.InvokeAsync("TopicBlock", new { systemName = "HomepageText" })
6.
Razor Code:Razor Page Or Razor is a markup syntax for embedding .NET based code into webpages ,All Templates In Emole Stores Debend On Razor Page,We Will Describe Every thing about Razor in Razor Section.
Html.AddTitleParts(T("PageTitle.ShoppingCart").Text);

Previous
Introduction
Next
Emole Full Editor