After you receive the update notification, update your store theme. First, you have to back up your existing theme version. It will save the previously changed styles, colors, and any other customizations. Do as follows:
- Go to the Online Store - Themes.
- Focus on the Actions button and choose Duplicate. This way, you will create a duplicate of your theme.
Here you can see more instructions on how to update your theme to the new version.
Upgrade to the Divine 2.0.0
The latest version of the theme now supports flexible sections (flex-sections), giving you greater control over layout customization. To take full advantage of this update, you’ll need to update your custom templates and blocks to use the new type format compatible with flex-sections.
Detailed Instructions
Upgrade the Theme:
Download and publish the new version of the theme from your Shopify admin or the theme store.Update Template Blocks:
e.g., index.json template - review the blocks listed under sections and ensure each block uses the updated type format.
{
"type": "block-type", "settings": { ... }
}Some older block types may no longer be supported or need to be renamed to match the new schema.
The list of supported block types for sections
slider-image
slider-video
timer
heading
description
button
collage-image
collage-collection
collage-product
collage-video
ml-column
form-subscribe
icon
maintenance-icon
maintenance-image
The list of supported block types for Product Information blocks
1. The main product section is structured into:
block type "product-media-gallery"
block type "product-details"
block type "product-form-quick-add"
2. The product-details block may include nested child blocks:
- product-title
- product-inventory
- product-description
- product-text
- product-price
- product-quantity
- product-variant-picker
- product-buy-buttons
- product-collapsible-tab
- product-icons-bar
- product-recommendations
- product-popup
- product-pickup
- product-upload-image
- product-custom-liquid
- product-share
Upgrade index.json template
Example: Updating a Slideshow section using supported block types
"blocks": {
"slider_1": {
"type": "slider-image",
"settings": {...}
},
"slider_2": {
"type": "slider-image",
"settings": {...}
},
"slider_3": {
"type": "slider-video",
"settings": {...}
}
}
Upgrade product.json template
Example structure for main product using product-media-gallery and product-details
"main": {
"type": "main-product",
"blocks": {
"gallery": {
"type": "product-media-gallery",
"static": true,
"settings": {},
"blocks": {}
},
"product-details": {
"type": "product-details",
"static": true,
"settings": {},
"blocks": {
"title": {
"type": "product-title",
"settings": {
"text_before": "{{ product.vendor }}"
}
},
"stock_status": {
"type": "product-inventory"
},
"description": {
"type": "product-description",
"settings": {
"is_collapsed": false
}
},
"price": {
"type": "product-price"
},
"variant_picker": {
"type": "product-variant-picker"
},
"quantity_selector": {
"type": "product-quantity"
},
"buy_buttons": {
"type": "product-buy-buttons"
},
"pickup": {
"type": "product-pickup"
},
"collapsible_customer_service": {
"type": "product-collapsible-tab",
"settings": {
"heading": "Customer Service",
"content": "<p>Post your customer service details here.</p>",
"icon": "check_mark"
}
},
"collapsible_return_policy": {
"type": "product-collapsible-tab",
"settings": {
"heading": "Return Policy",
"content": "<p>Post your policy conditions details here.</p>",
"icon": "return"
}
},
"share": {
"type": "product-share"
}
},
"block_order": [
"title",
"stock_status",
"price",
"description",
"variant_picker",
"quantity_selector",
"buy_buttons",
"pickup",
"collapsible_customer_service",
"collapsible_return_policy",
"share"
]
}
}
}
Comments
0 comments
Please sign in to leave a comment.