𝐇𝐨𝐰 𝐭𝐨 𝐂𝐫𝐞𝐚𝐭𝐞 𝐂𝐮𝐬𝐭𝐨𝐦 𝐒𝐞𝐜𝐭𝐢𝐨𝐧𝐬 𝐢𝐧 𝐒𝐡𝐨𝐩𝐢𝐟𝐲?

Creating custom sections in Shopify allows you to add unique content and functionality to your store beyond the standard theme options. Here’s a breakdown of the process:

𝟏. 𝐀𝐜𝐜𝐞𝐬𝐬 𝐓𝐡𝐞𝐦𝐞 𝐂𝐨𝐝𝐞:

a. Go to your Shopify admin panel.

b. Navigate to “Online Store” > “Themes”.

c. Select the theme you want to edit and click “Actions” > “Edit code”.

𝟐. 𝐂𝐫𝐞𝐚𝐭𝐞 𝐭𝐡𝐞 𝐒𝐞𝐜𝐭𝐢𝐨𝐧 𝐅𝐢𝐥𝐞:

a. Inside the “sections” folder, create a new Liquid file with your desired section name (e.g., “custom-section.liquid”).

𝟑. 𝐃𝐞𝐟𝐢𝐧𝐞 𝐭𝐡𝐞 𝐒𝐞𝐜𝐭𝐢𝐨𝐧 𝐒𝐜𝐡𝐞𝐦𝐚:

a. Within the Liquid file, start by defining the section schema using JSON. This specifies the section’s name, settings, and presets.

b. Essential properties include:

i. name: A unique identifier for your section.

Get Rajeev Kumar’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

ii. settings: An array defining any customizable options within the section (e.g., text fields, image upload).

iii. presets: An array defining different variations of the section (optional).

𝟒. 𝐃𝐞𝐯𝐞𝐥𝐨𝐩 𝐭𝐡𝐞 𝐒𝐞𝐜𝐭𝐢𝐨𝐧 𝐂𝐨𝐧𝐭𝐞𝐧𝐭:

a. After the schema, write the Liquid code to build the actual section content. This involves using Liquid tags and logic to display the desired elements.

𝟓. 𝐓𝐞𝐬𝐭 𝐚𝐧𝐝 𝐀𝐝𝐝 𝐭𝐡𝐞 𝐒𝐞𝐜𝐭𝐢𝐨𝐧:

a. Go to “Customize theme” in the theme editor.

b. Under “Sections”, click “Add section”.

c. Search for your newly created section and add it to the desired page template.

d. Save your changes and preview the storefront to ensure everything works as intended.

For more info..here is 𝐒𝐡𝐨𝐩𝐢𝐟𝐲 𝐃𝐨𝐜𝐮𝐦𝐞𝐧𝐭𝐚𝐭𝐢𝐨𝐧: 😊

https://shopify.dev/docs/themes/architecture/sections

#rndexperts Shopify #development #customsections #Shopify_sections #liquidfile #eCommerce #hiredeveloper