DEV Community

Qrolic Technologies
Qrolic Technologies

Posted on

1

How to create a section with a customized option?

Follow this tutorial to create a section with a customize option in Shopify.

  1. Log in to your Shopify admin panel and navigate to the Section folder.
  2. Click on the Add a new section link.
    Alt Text

  3. Add a section name and hit the Create Section button.
    Alt Text

  4. Add a dynamic image in your section.

You can view all your schema type from here

Now add the following code in grid-box.liquid file:

{% schema %} 
  { 
    "name": "Grid Box", 
    "settings": [{
           "type": "image_picker", 
           "id": "image", 
           "label": "This is image picker" 
        }] 
  } 
{% endschema %} 
Enter fullscreen mode Exit fullscreen mode

Now update the Setting_data.json file with the following code:

"grid-box": {
        "type": "grid-box", 
        "settings": { 
            "image": "shopify:\/\/shop_images\/pexels-sam-lion-5710223.jpg" 
         } 
} 
Enter fullscreen mode Exit fullscreen mode

Now write your section name in content for an index of your home page section.

"content_for_index": [ 
      "grid-box" 
    ] 
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more