How to Add Images

If you want to add a background image to your template, you can create a folder and place your images in it.

When writing the source path in your CSS file, you must follow the image file path convention.

The image file path should be in the following format:

/template/eightDigit/images/fileNameWithExtension

To add an image as a background, you need to follow these steps:

• Place the image file in the “images” folder of your project.
• Open the style.css or responsive.css file (depending on your needs) and write the CSS rules to set the image as the background. Here’s an example:

If you want to set a background image for a specific page section, you need to follow these steps:

• Place the image file in the “images” folder of your project.
• Open the style.css file and add the following CSS rules to set the background image for the desired page section:

{
    "webhooks": [
        {
            "sourceUrl": "https://yourapp.com/api/v1/cart/added-to-cart",
            "eventName": "added-to-cart",
            "renderScope": "",
            "accessType": "webhook"
        }
    ],
    "scriptTag": [
        {
            "sourceUrl": "https://yourapp.com/assets/js/script-tag.js",
            "renderScope": "All",
            "accessType": "scriptTag"
        }
    ],
    "customerProfileTabs": [
        {
            "customerProfileTabIdentifier": "myPluginTab",
            "customerProfileTabDisplayName": "My Plugin",
            "customerProfileTabSourceUrl": "https://yourapp.com/plugin/my-plugin"
        }
    ]
}