Create Divider Between Featured Collections In Craft Theme

Shopify Discussion
1

Hello! I want to add a small divider between every featured collection on my home page like the one on the photo

My site is: kitchencrafted.shop

Screenshot_1.jpg
Screenshot_1.jpg1902×178 5.3 KB

2

Hi @kitchencrafted ,

You can create a divider to any part of your store using the instruction below. You can see the more information in my website.

  1. In your Admin page, go to Online store > Themes
  2. Choose the theme you want to edit then click the three dots, then Edit code.
  3. Open Section folder, and click Add a new section. You can name it whatever you want.
  4. Open the newly created section and replace the existing code with the code below.

 

{% schema %}
{
"name": "Section divider",
"settings": [
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"label": "Padding top",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"label": "Padding bottom",
"default": 36
},
{
"type": "range",
"id": "height",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"label": "Height of the divider",
"default": 5
},
{
"type": "color",
"id": "color",
"default": "#000",
"label": "Divider color"
},
{
"type": "checkbox",
"id": "full_width",
"default": false,
"label": "Section full-width"
}
],
"presets": [
{
"name": "Section divider"
}
]
}
{% endschema %}
3

Thank you for your response, but it didn’t work