Skip to main content

Overview

You can customize the some of the look and feel of your store in the following manner:

Widgets#

You can create widgets to display at the top of your storefront.

  1. Go to dashboard/settings#widgets
  2. Write your HTML code
info

Tags <style> or <script> are not supported here.

Read more HERE

Custom CSS#

Write custom CSS for specific places of your store.

  1. Go to dashboard/settings#advanced
  2. Find section Custom CSS
  3. Write your code
info

Only regular CSS is supported here

Custom before </head>#

  1. Go to dashboard/settings#advanced
  2. Find section Custom before </head>
  3. Write your code
info

Code here will be rendered before close <head> (for JS you need to use <script> tag and for CSS you need to use <style>)

Custom before </body>#

  1. Go to dashboard/settings#advanced
  2. Find section Custom before </body>
  3. Write your code
info

Code here will be rendered before close <body> (for JS you need to use <script> tag and for CSS you need to use <style>)

This code is rendered in all views of the platform. If you need only apply specific CSS to a part of the platform, you need to scope it.

Example: .Widget > div, .Widget h1 { properties }