Visit Main Site
Join Partner Program
Login
     
Getting Started with Template
Building a Website
Starting Template Creation
Layout
Creating Your Layout
Editing The Content Section
Creating & Editing Docker
Positioning
Pages
Create a Page
Page Content Editor
More Features
Widgets
Files & Assets
Designing With Custom CSS
Development With Custom JS
How to Add Fonts
How to Add Images
Navigation
How to Create?
How to Modify Existing Navigation?
How to Set a Navigation?
Snippet
Adding Snippet Template
Add Code to Snippet Template
Data Attribute
Skip-control
Create Snippet
Using Snippets on Page
Responsive Design
Crafting Responsive Content
Crafting a Responsive Header
Hide Grid for Specific Resolutions
Import & Export Guide
Marketplace Template Management
Demo Template
Logo & Favicon
» Add Code to Snippet Template

Add Code to Snippet Template

To add code to the snippet template, the following steps you need to follow :

Select the snippet and click on gear icon.

From the options, click on Edit Content. A new page titled “Snippet Template Information” will appear.

Click on the “Drop Image/Click Here camera button to select an image from your local device.. A snippet thumbnail image is a visual representation of a code snippet. It can be used to provide a visual representation of the code snippet.

In the code editor provided, enter the HTML and CSS code for your snippet.

To Upload an image, select “Images” from the dropdown menu and then click on the “Upload” button to select the image file from your local system. Once the image is uploaded, it can be used in the template by referencing the path of the uploaded image file.

If you need to upload a file or other asset that is not an image, choose “Other” from the dropdown menu and then use the “Upload” button to select the file from your local system. Once the file is uploaded, it can be referenced and used in the template just like any other asset.

Save the snippet by clicking on a button labelled “Update”.

Terms and Conditions
Privacy Policy

© 2024 WebCommander | All Rights Reserved

contact@webcommander.com
1300 797 571

WebCommander
About Us
Features
Pricing
Compare
Partners
Contact Us
Resource
Find a Partner
Help Centre
Community
Blog
Solutions
Inventory Management
Omnichannel Sales
Ecommerce Automation
B2B Ecommerce
Headless Commerce
Website Design and Performance