Global
Banner background
Define the background color of the Banners created in Marketing > Banners.
Page background
Defines the background color of the site body.
Common dark background
Defines the background color of various panels throughout the site.
Modal overlay background
Defines the background color of the outer layer that is applied when a modal is opened.
Alert box background
Background color of the alert messages.
Alert popup text color
Text color in alert messages.
Horizontal line
Defines the color of separator lines used throughout the site.
Body text font family
Define the font type to be used in texts throughout the site.
Body text font size
Defines the font size to be used in general in various text sections throughout the site.
Body text color
Defines the color of multiple text sections throughout the site.
Does not apply to product names or display widgets.
Body text hover color
Defines the text color when hovering over multiple text sections throughout the site.
Does not apply to product names or display widgets.
Secondary text color
Defines the text color in different sections throughout the site, mostly as a detail.
Does not apply to product names or display widgets.
Secondary text hover color
Defines the text color when hovering over different sections throughout the site, mostly as a detail.
Does not apply to product names or display widgets.
Link color
Define the text color for various links throughout the site.
Link hover color
Defines the text color when hovering over various links throughout the site.
Link active color
Defines the text color for different links throughout the site when they are selected.
Heading font family
Define the font type to be used in titles throughout the site.
Heading 1
Define the font size to be used in titles throughout the site.
Heading 2
Define the font size to be used in secondary headings throughout the site.
Heading 3
Define the font size to be used in third level titles throughout the site.
Heading 4
Define the font size to be used in fourth level titles throughout the site.
Heading 5
Define the font size to be used in fifth level titles throughout the site.
Heading 6
Define the font size to be used in sixth level titles throughout the site.
Heading text color
Define the color of headings in multiple sections throughout the site.
Page loading bar
Color of the page load indicator.
Spinner light half
Defines the color of one of the load indicator halves.
Spinner dark half
Defines the color of one of the load indicator halves.
Modal loading background
Defines the background color of the modal while it is loading.
Product thumbnail loading background
Defines the background color of product thumbnail images while they are loading.
The background color will also be visible when the selected product image has a ratio of (width x height) different from the selected dimension.
Lazyloading Mode
Allows you to select the image loading technique:
Delayed loading delays loading images until the user needs them, which improves loading speed and reduces resource usage .
The "Delayed loading with LQIP" option displays low quality images as placeholders, providing a visual cue while the page loads, before replacing them with high quality images. This optimizes the user experience by providing progressive and fast loading.
It is recommended to use Delayed Load with LQIP or Delayed Load.
Hide breadcrumbs
Display/hide breadcrumbs throughout the site.
Hide page heading
Displays/hides the page title on manually created pages.
Hide category page heading
Show/hide page title on category pages.
Hide blog page heading
Show/hide page title on blog pages.
Hide contact us page heading
Show/hide the page title on the contact page.
Size of images
Size of images on blog pages