Did you try to update your theme to Shopify 2.0 but your product page does not look like what Theme Dawn has?
Updating Product Page into Dynamic blocks Like Dawn Theme Shopify 2.0
1. Go to Shopify Online store> Themes > Actions > Edit code
2. Go to section folder and locate product-template.liquid
3. Add a for statement after the class=”grid_item”, like code below
| {% for blocks in section.blocks %} |
4. Add a case statement after the for statement, like code below
| {% case blocks.type %} |
5. In product-template.liquid, locate and add the when statement before each of the following
- Product title
- Product price
- Product form
- Product description
- Product social
6. Add a when statement before the following
| {% when product_title %} |
| {% when product_price %} |
| {% when product_form %} |
| {% when product_description %} |
| {% when product_social %} |
7. Add a blocks in schema with the name and type of each blocks
"blocks": [ { "name": "product title", "type": "product_title", "limit": 1 }, { "name": "product price", "type": "product_price", "limit": 1 }, { "name": "product form", "type": "product_form", "limit": 1 }, { "name": "product description", "type": "product_description", "limit": 1 }, { "name": "product social", "type": "product_social", "limit": 1 } ] |
8. Open template folder and locate product.lquid
9. Copy the bottom code from product.liquid, except the {% section %} and comments
10. Go to product-template.liquid and paste the code before the {% schema %}
11. Delete the product.liquid file in template folder
12. Go to templates folder and add a new template
13. Create a new template for product with a template type JSON
14. Since, we deleted the product.liquid, we can just click the “Create Template” and keep the name product as is
15. Create the section type and add the product-recommendation in the section. Also the block
{ "sections": { "product_page" : { "type" : "product-template", "blocks" : { "title": { "type": "product_title" }, "price": { "type": "product_price" }, "form": { "type": "product_form" }, "description": { "type": "product_description" }, "social": { "type": "product_social" } }, "block_order" : ["title", "price", "form", "description", " social"] }, "product_recommendations": { "type": "product-recommendations" } }, "order": ["product_page", "product_recommendations"] } |
(",) If you have questions, please free to contact us at "Chat with us"