When to use the Custom HTML Section

Adding a custom HTML section allows you to add features that are not already included in Debutify Shopify themes. Like other sections, you can add, remove and edit using the updated theme editor, you can add custom code in the Custom HTML section, without directly editing your theme code. Make sure you copy the theme settings when updating your Debutify Shopify theme.

TIP: The Custom HTML blocks are laid out in columns. Changing the column width will affect the layout of the blocks. You can add up to 9 blocks.


How to Use the Custom HTML Section

STEP 1

In Shopify admin, click on Themes.

In Shopify admin, click on Themes.

STEP 2

Select your Debutify Shopify theme and click Customize.

Select your Debutify Shopify theme and click Customize.

STEP 3

Click on Custom HTML or click on Add section to add the Custom HTML section.

Click on Custom HTML or click on Add section to add the Custom HTML section.

STEP 4

Decide on where (option to show on desktop, mobile, or both) or how (full width or not) to display the section on the page.

Add padding

Section style - allows you to choose either a blank, accent or border-top background.

Wrapper size - choose either default, fluid or full

STEP 5

Click on Add Custom HTML to add a block to the section. This section allows for up to 9 blocks.

Click on Add Custom HTML to add a block to the section. This section allows for up to 9 blocks.

STEP 6

Click on the Custom HTML block to add the HTML code or iFrame, set the column width, and set the text alignment to either the left, center or right.

Click on the Custom HTML block to add the HTML code or iFrame, set the column width, and set the text alignment to either the left, center or right.

Related Articles You May Want to See:

How to add or remove a page section in the Debutify Shopify Theme?

How to update the Debutify Theme and copy your current theme settings?

Did this answer your question?