Glyde Studio - Product

This will primarily control how Product Tiles and Product Pages are displayed, and the information they contain. Product Tiles are used across multiple pages (including Builder.io pages, Category pages, Vendor Storefront pages, and Search Results). This can be managed in the Admin Portal by Stores > Settings > Configuration > Glyde > Glyde Studio.

📘
NOTE
All fields are configurable on a Website scope only.

Product

Field Name	Notes
Product Tile JSON	This is where you will need to input the JSON Configurations as per the specified format for the Product Tiles.
Product Page JSON	This is where you will need to input the JSON Configurations as per the specified format for the Product Details page.

🚧
NOTE
All JSON fields need to be in the correct format as per below.
PRODUCT TILE
{
"display_thumbnail": true,
"display_title": true,
"title_line_clamp": 3,
"display_brand": true,
"display_price_info": true,
"display_special_price": true,
"display_reward_points": true,
"display_ratings": false,
"display_sku": true,
"display_sold_by": true,
"display_add_to_cart": true,
"display_add_to_quote": false,
"display_view_product_button": false,
"display_compare": false,
"display_favourites": false,
"display_attributes": true,
"mobile_product_tile_layout": 2,
"display_promotions": true,
"promotion_style": {
"background_color": "#f1fff0",
"padding": "4px 8px",
"border_radius": "4px",
"border_color": "#66aa00",
"text_color": "#66aa00",
"font_size": "14px",
"font_weight": "600"
},
"validationPopup": {
"enabled": true,
"attribute_key": "alcohol_product",
"title": "Are you 18 or older?",
"description": "I confirm that I am 18 years of age or over and that anyone receiving or collecting my order is also 18 years of age or over.",
"yesLabel": "Yes",
"noLabel": "No"
}
}
PRODUCT PAGE
{
"name": {
"display": true,
"sort_order": 1,
"display_option": "full"
},
"sku": {
"display": true,
"sort_order": 1
},
"promo_message": {
"display": true,
"sort_order": 1,
"display_option": "content"
},
"rating": {
"display": true,
"sort_order": 1
},
"price_info": {
"display": true,
"sort_order": 1
},
"special_price_text": {
"display": true,
"sort_order": 1,
"display_option": "content"
},
"sold_by": {
"display": true,
"sort_order": 1,
"display_option": "name_logo_ratings"
},
"brand": {
"display": true,
"sort_order": 1,
"display_option": "name_logo"
},
"short_description": {
"display": true,
"sort_order": 1,
"display_option": "full"
},
"attributes": {
"display": true,
"sort_order": 1
},
"configurations": {
"display": true,
"sort_order": 1
},
"reward_points": {
"display": true,
"sort_order": 1
},
"add_to_cart": {
"display": true,
"sort_order": 1,
"display_option": "sticky"
},
"add_to_quote": {
"display": false,
"sort_order": 1,
"display_option": "sticky"
},
"compare": {
"display": false,
"sort_order": 1
},
"favourites": {
"display": false,
"sort_order": 1
},
"product_reviews": {
"display": true
},
"vendor_reviews": {
"display": true
},
"long_description": {
"display": true,
"display_option": "tab"
},
"detailed_attributes": {
"display": true
},
"faq": {
"display": true
},
"related": {
"display": true
},
"zoom": {
"display": true
},
"display_grouped_product_info_card": {
"display": true
},
"display_message_out_of_stock_no_back_order": {
"display": true,
"message": "Please make an enquiry to order this product"
},
"stripe_payment_message": {
"display": true,
"payment_method_types": ["klarna", "afterpay_clearpay", "affirm"],
"country_code": "AU"
},
"display_parent_images": true
}
Use a JSON checker to confirm the payload is correct before saving, or it may have issues with the front end if one of the parameters are not as expected.

JSON Configurations (Product Tile)

Name	Description	Type	Value
display_thumbnail		Boolean	true or false
display_title		Boolean	true or false
title_line_clamp
display_brand		Boolean	true or false
display_price_info		Boolean	true or false
display_special_price		Boolean	true or false
display_reward_points		Boolean	true or false
display_ratings		Boolean	true or false
display_sku		Boolean	true or false
display_sold_by		Boolean	true or false
display_add_to_cart		Boolean	true or false
display_add_to_quote		Boolean	true or false
display_view_product_button		Boolean	true or false
display_compare		Boolean	true or false
display_favourites		Boolean	true or false
display_attributes		Boolean	true or false
mobile_product_tile_layout
display_promotions		Boolean	true or false
promotion_style (background_color)
promotion_style (padding)
promotion_style (border_radius)
promotion_style (border_color)
promotion_style (text_color)
promotion_style (font_size)
promotion_style (font_weight)
validationPopup (enabled)	Dictates if you would like to use the Validation Pop Up feature for products (which prevents customers from adding products to shopping cart depending based on the Attribute Code used in the next line.	Boolean	true or false
validationPopup (attribute_key)	Dictates the attribute code that will be used to trigger the pop up. This attribute should always be a Yes/No Product Attribute Type. The pop up will appear if the attribute value is set to Yes for the Product (if the attribute is in the Attribute Set).	String	Example value: alcohol_product
validationPopup (title)	Dictates the title that will be used in the validation pop up.	Text	Example value: "Are you 18 or older?"
validationPopup (description)	Dictates the description that will be used in the validation pop up.	Text	Example value: ""I confirm that I am 18 years of age or over and that anyone receiving or collecting my order is also 18 years of age or over.""
validationPopup (yesLabel)	Dictates the label for validation prompt for the option Yes	Text	Example value: "Yes"
validationPopup (noLabel)	Dictates the label for validation prompt for the option No	Text	Example value: "No"

JSON Configurations (Product Page)

Name	Parameter	Description	Type	Value
name	display	Dictates the visibility of the Product Name in the Product Details Page.	Boolean	true or false
	sort_order		Integer
	display_option		String	Use one of the following: image content
sku	display	Dictates the visibility of the Product SKU in the Product Details Page.	Boolean	true or false
	sort_order		Integer
promo_message	display		Boolean	true or false
	sort_order		Integer
	display_option
rating	display		Boolean	true or false
	sort_order		Integer
price_info	display		Boolean	true or false
	sort_order		Integer
special_price_text	display		Boolean	true or false
	sort_order		Integer
	display_option
sold_by	display	Dictates the visibility of the Product Seller (Vendor) in the Product Details Page.	Boolean	true or false
	sort_order		Integer
	display_option
brand	display	Dictates the visibility of the Product brand in the Product Details Page.	Boolean	true or false
	sort_order		Integer
	display_option
short_description	display	Dictates the visibility of the Product Short Description in the Product Details Page.	Boolean	true or false
	sort_order		Integer
	display_option
attributes	display	Dictates the visibility of the additional Product Attributes in the Product Details Page.	Boolean	true or false
	sort_order		Integer
configurations	display		Boolean	true or false
	sort_order		Integer
reward_points	display		Boolean	true or false
	sort_order		Integer
add_to_cart	display	Dictates the visibility of the Add to Cart button on the Product Details Page.	Boolean	true or false
	sort_order		Integer
	display_option
add_to_quote	display	Dictates the visibility of the Add to Quote button on the Product Details Page. Only applicable if Request for Quote is being used.	Boolean	true or false
	sort_order		Integer
	display_option
compare	display	Dictates the visibility of the Add to Comparison button on the Product Details Page.	Boolean	true or false
	sort_order		Integer
favourites	display		Boolean	true or false
	sort_order		Integer
product_reviews	display		Boolean	true or false
vendor_reviews	display		Boolean	true or false
long_description	display		Boolean	true or false
	display_option
detailed_attributes	display		Boolean	true or false
faq	display		Boolean	true or false
related	display		Boolean	true or false
zoom	display		Boolean	true or false
display_grouped_product_info_card	display		Boolean	true or false
display_message_out_of_stock_no_back_order	display		Boolean	true or false
	message
stripe_payment_message	display		Boolean	true or false
	payment_method_types
	country_code
display_parent_images			Boolean	true or false

If any changes were made, you can then select Save Config from the top right.