In this tutorial, I will show you ” How to add sections to custom pages in Shopify ” If you are looking for easy guidelines with video, you can continue this tutorial.
As always, when making code changes to your theme, please remember to create a backup, in case you need to revert back to previous versions of the theme.
Here the step by step guideline
Step – 1: Create a custom template called page.featured-product.liquid
Step – 2: Create a new section within the theme’s sections folder, called featured-product-on-page.liquid, paste the code, and hit save.
{% schema %} { "name": "Featured product", "class": "index-section index-section--featured-product", "settings": [ { "type": "product", "id": "featured_product", "label": "Product" }, { "type": "select", "id": "image_size", "label": "Image size", "options": [ { "value": "small", "label": "Small" }, { "value": "medium", "label": "Medium" }, { "value": "large", "label": "Large" }, { "value": "full", "label": "Extra large" } ], "default": "medium" }, { "type": "checkbox", "id": "show_quantity_selector", "label": "Show quantity selector", "default": false }, { "type": "checkbox", "id": "show_variant_labels", "label": "Show variant labels", "default": true }, { "type": "checkbox", "id": "show_vendor", "label": "Show vendor", "default": false }, { "type": "checkbox", "id": "enable_zoom", "label": "Enable image zoom", "default": true }, { "type": "checkbox", "id": "show_share_buttons", "label": "Show social sharing buttons", "default": true } ] } {% endschema %}
Step – 3: Add below in the page template I created in step 1, called page.featured-product.liquid.
{% section 'featured-product-on-page' %}