24Bit Systemdocs Get support

Theme settings

Every global setting in GazarX, grouped the same way as in the theme editor. Open Theme settings in the editor to change them.

Brand

Brand assets that appear in browser tabs and bookmarks.

SettingTypeDefault and notes
Favicon
favicon
Image picker—
Shown in browser tabs. Use a square image, at least 96 × 96 px.
Social sharing image
social_share_image
Image picker—
Used as a fallback when a page has no image of its own. 1200 × 630 px works best.
Show sample images in empty slots
show_demo_images
CheckboxOn
Bundled editorial photography fills any image slot you have not uploaded to yet, so the store previews complete. Turn it off before launch: empty slots then fall back to GazarX's line-art placeholders. A slot with its own image always uses that image.

Colors

Three reusable color schemes. Sections choose a scheme in their own settings.

SettingTypeDefault and notes
Background
scheme_1_background
Color#F7F3EC
Text
scheme_1_text
Color#17140F
Accent
scheme_1_accent
Color#7A5E43
Background
scheme_2_background
Color#17140F
Text
scheme_2_text
Color#F7F3EC
Accent
scheme_2_accent
Color#C6A27E
Background
scheme_3_background
Color#E8E1D5
Text
scheme_3_text
Color#2B2620
Accent
scheme_3_accent
Color#6E573E

Typography

Heading and body typefaces, plus scale controls that affect the whole storefront.

SettingTypeDefault and notes
Heading font
heading_font
Font pickerplayfair_display_n4
Body font
body_font
Font pickerwork_sans_n4
Heading scale
heading_scale
Range100
Body text scale
body_scale
Range100
Uppercase headings
heading_uppercase
CheckboxOff

Layout

Page width, side margins, section spacing, grid gaps and card corners.

SettingTypeDefault and notes
Maximum content width
page_width
Range1440
Minimum side margin
page_margin
Range32
Space between sections
section_spacing
Range72
Grid gap
grid_gap
Range24
Card corner radius
card_radius
Range0

Product cards

Controls for product cards wherever they are rendered, including collection grids and search results.

SettingTypeDefault and notes
Image ratio
card_image_ratio
Selectportrait
Product image background
product_media_background
Selectnone
Tinted surface paints a subtle canvas behind every product image. Blend white photos dissolves a white studio background into the section's own color. Use blending only with cut-out product shots on light color schemes — lifestyle photography turns muddy, and dark schemes swallow the image.
Show vendor
card_show_vendor
CheckboxOff
Reveal second image on hover
card_hover_image
CheckboxOn
Show quick add button
card_quick_add
CheckboxOn
Show color swatches
card_show_swatches
CheckboxOn

Cart

Cart behavior shared by the cart drawer and the cart page.

SettingTypeDefault and notes
Cart type
cart_type
Selectdrawer
Enable order notes
cart_show_note
CheckboxOff
Show free shipping progress bar
show_free_shipping_bar
CheckboxOn
Free shipping threshold
free_shipping_threshold
Number10000
In your store currency's smallest unit (for example, cents or paise). Set to 0 to hide the progress bar.

Social links

Profile URLs used in the footer social list and in structured data.

SettingTypeDefault and notes
Instagram
social_instagram
URL—
Facebook
social_facebook
URL—
Pinterest
social_pinterest
URL—
YouTube
social_youtube
URL—
X (Twitter)
social_x
URL—
Adds the icon to the footer and, because it is an x.com profile URL, also supplies the twitter:site handle shared with each link.

Search

Predictive search behavior in the header. Results are requested only for the content types you leave on.

SettingTypeDefault and notes
Enable predictive search
predictive_search
CheckboxOn
Show products in predictive search
predictive_search_show_products
CheckboxOn
Show collections in predictive search
predictive_search_show_collections
CheckboxOn
Show pages in predictive search
predictive_search_show_pages
CheckboxOn
Show blog articles in predictive search
predictive_search_show_articles
CheckboxOn
Turning every type off turns predictive search off; the search field still posts to the search results page.

Presets

A preset is a ready-made combination of the theme settings above: colors, fonts, layout and product cards set in one go. Section content is never part of a preset, so your pages, menus and images stay exactly as you left them. You choose a preset when you add GazarX from the Theme Store; each preset has its own demo store so you can see it before you commit.

Every value a preset uses is an ordinary setting, so nothing locks you in: you can take the Gallery type with the GazarX palette by changing the settings below by hand.

GazarXGallery
FeelWarm editorial: cream paper, ink text, tan accent.Cool showroom: pale gray, graphite text, oxblood accent.
Heading fontPlayfair Display, sentence case.Archivo, uppercase, at a 95% heading scale.
Body fontWork Sans.DM Sans.
Color schemes#F7F3EC / #17140F / #7A5E43, with a deep ink scheme and a sand scheme.#F4F5F7 / #14171B / #6E2B3A, with a graphite scheme and a warm gray scheme.
Page width and margins1440 px content, 32 px side margin.1600 px content, 40 px side margin.
Spacing72 px between sections, 24 px grid gap.96 px between sections, 12 px grid gap.
Product cardsPortrait 4:5 images, no canvas, color swatches on, vendor off.Square images on a tinted canvas, swatches off, vendor shown.

Both presets keep body text at 11.5:1 or better and every accent used as a link or label at 5.2:1 or better against its own scheme — Gallery runs tighter still, at 10.5:1 and 6.9:1 — so neither trades readability for looks.

Color schemes

Sections can use one of three color schemes. In the default GazarX preset, Scheme 1 is a warm light palette, Scheme 2 is a deep dark palette, and Scheme 3 is a soft neutral palette; the Gallery preset re-cuts the same three roles in cool tones. Each scheme has background, text and accent colors. Changing a scheme updates every section that uses it, including any section that selected Scheme 2 for its announcement message.

Fonts

Heading and body fonts use Shopify font pickers. Each family is loaded with regular, bold, italic and bold italic faces, and with font-display: swap so text is readable before the font finishes loading.

Free shipping bar. The threshold is stored in the store's smallest currency unit. For example, 10000 is $100.00 or ₹100.00 depending on the store currency.