settings

The settings object gives you access to the theme settings the merchant has saved. Each setting is referenced by the id defined for it in settings_schema.json, and the saved values are stored in settings_data.json.

Use {{ settings.<id> }} to return the merchant's saved value for that setting.

settings.<id>

Returns the merchant's saved value for the theme setting with the given id.

{{ settings.colors_text }}
			
#121212
			

Examples

Reference theme settings anywhere in your theme. For example, apply a saved colour or font, or read a saved logo.

<body style="background: {{ settings.colors_background_1 }};
	font-family: {{ settings.type_body_font }};">
	<img src="{{ settings.logo }}">
</body>
			

section.settings.<id>

Settings that are defined at the section level are accessed through the section instead of the global settings object, using section.settings.<id>.

{{ section.settings.title }}
			
icon-accounticon-add-newicon-add-storeicon-appicon-appleicon-archiveicon-arrowdownicon-ascicon-bookicon-cancelicon-cart-addonicon-checkouticon-cherryicon-collectionicon-comfirmicon-confirmicon-couponicon-creditsicon-currencyicon-dashboardicon-discounticon-disintegrateicon-domainicon-dscicon-duplicateicon-editicon-emailicon-exclamation-triangleicon-exporticon-eyeicon-eye-slashicon-fullscreenicon-fullscreen-closeicon-generalicon-gifticon-gridicon-hddicon-helpicon-importicon-infoicon-integrationicon-invoiceicon-likeicon-listicon-locationicon-logouticon-new-tabicon-not-secureicon-optionicon-ordericon-outline-arrowdownicon-pageicon-paymenticon-plusicon-posicon-pricingicon-printericon-producticon-product-sumicon-product-sum-xicon-redirecticon-reporticon-reseticon-searchicon-secureicon-settingicon-shippingicon-staricon-storeicon-switch-storeicon-tagicon-taxesicon-templateicon-themeicon-tickicon-trashicon-unarchiveicon-uploadicon-user-tagicon-usersicon-weighticon-wholesale