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 NameNotes
Product Tile JSONThis is where you will need to input the JSON Configurations as per the specified format for the Product Tiles.
Product Page JSONThis 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)

NameDescriptionTypeValue
display_thumbnailBooleantrue or false
display_titleBooleantrue or false
title_line_clamp
display_brandBooleantrue or false
display_price_infoBooleantrue or false
display_special_priceBooleantrue or false
display_reward_pointsBooleantrue or false
display_ratingsBooleantrue or false
display_skuBooleantrue or false
display_sold_byBooleantrue or false
display_add_to_cartBooleantrue or false
display_add_to_quoteBooleantrue or false
display_view_product_buttonBooleantrue or false
display_compareBooleantrue or false
display_favouritesBooleantrue or false
display_attributesBooleantrue or false
mobile_product_tile_layout
display_promotionsBooleantrue 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.Booleantrue 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).StringExample value:
alcohol_product
validationPopup (title)Dictates the title that will be used in the validation pop up.TextExample value:
"Are you 18 or older?"
validationPopup (description)Dictates the description that will be used in the validation pop up.TextExample 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 YesTextExample value:
"Yes"
validationPopup (noLabel)Dictates the label for validation prompt for the option NoTextExample value:
"No"

JSON Configurations (Product Page)

NameParameterDescriptionTypeValue
namedisplayDictates the visibility of the Product Name in the Product Details Page.Booleantrue or false
sort_orderInteger
display_optionStringUse one of the following:
  • image
  • content
skudisplayDictates the visibility of the Product SKU in the Product Details Page.Booleantrue or false
sort_orderInteger
promo_messagedisplayBooleantrue or false
sort_orderInteger
display_option
ratingdisplayBooleantrue or false
sort_orderInteger
price_infodisplayBooleantrue or false
sort_orderInteger
special_price_textdisplayBooleantrue or false
sort_orderInteger
display_option
sold_bydisplayDictates the visibility of the Product Seller (Vendor) in the Product Details Page.Booleantrue or false
sort_orderInteger
display_option
branddisplayDictates the visibility of the Product brand in the Product Details Page.Booleantrue or false
sort_orderInteger
display_option
short_descriptiondisplayDictates the visibility of the Product Short Description in the Product Details Page.Booleantrue or false
sort_orderInteger
display_option
attributesdisplayDictates the visibility of the additional Product Attributes in the Product Details Page.Booleantrue or false
sort_orderInteger
configurationsdisplayBooleantrue or false
sort_orderInteger
reward_pointsdisplayBooleantrue or false
sort_orderInteger
add_to_cartdisplayDictates the visibility of the Add to Cart button on the Product Details Page.Booleantrue or false
sort_orderInteger
display_option
add_to_quotedisplayDictates the visibility of the Add to Quote button on the Product Details Page. Only applicable if Request for Quote is being used.Booleantrue or false
sort_orderInteger
display_option
comparedisplayDictates the visibility of the Add to Comparison button on the Product Details Page.Booleantrue or false
sort_orderInteger
favouritesdisplayBooleantrue or false
sort_orderInteger
product_reviewsdisplayBooleantrue or false
vendor_reviewsdisplayBooleantrue or false
long_descriptiondisplayBooleantrue or false
display_option
detailed_attributesdisplayBooleantrue or false
faqdisplayBooleantrue or false
relateddisplayBooleantrue or false
zoomdisplayBooleantrue or false
display_grouped_product_info_carddisplayBooleantrue or false
display_message_out_of_stock_no_back_orderdisplayBooleantrue or false
message
stripe_payment_messagedisplayBooleantrue or false
payment_method_types
country_code
display_parent_imagesBooleantrue or false

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