Home > Shopify Tutorials > Hide Dynamic Sections

How to Hide Dynamic Sections on Shopify

Last updated: September 01, 2024
Written and researched by experts at AvadaLearn more about our methodology

By Sam Nguyen

CEO Avada Commerce

Want to create a more focused and streamlined shopping experience for your customers? Hiding dynamic sections on your Shopify store is a great way to do that.

This guide will walk you through the simple steps to hide dynamic sections on Shopify using the built-in theme editor and code adjustments. Whether you're looking to simplify your homepage or tailor the content for specific customer segments, you'll find actionable tips to customize your storefront with ease.

Let's get started!

What Are Shopify Dynamic Sections?

Shopify dynamic sections are customizable content blocks within your Shopify theme that can be added, removed, and rearranged on various pages of your online store (except for gift card and checkout pages).

These sections are "dynamic" because they can pull content from different sources within Shopify, such as product collections, blog posts, or even third-party apps, and display them automatically based on specific settings or conditions.

Dynamic sections differ from static sections, which are sections that do not move within the theme layout files, such as the header and footer.

Hiding Dynamic Sections Using the Theme Editor

You can hide Shopify dynamic sections by using the built-in theme editor. Here’s how to do it:

  • Step 1: Go to Online Store > Themes in your Shopify admin.
  • Step 2: Locate the theme you wish to edit, then click Customize.
  • Step 3: Hide a section on your homepage, or use the Home page drop-down menu to select the template containing the section you want to hide.
  • Step 4: To hide a section, hover over its name and click the eye icon.
  • Step 5: Once you've made your changes, click Save.

To hide Dynamic Sections in the Theme Editor on iPhone, follow these steps:

  • Step 1: In the Shopify app, tap the button.
  • Step 2: Under the Sales channels section, tap Online Store.
  • Step 3: Select Manage all themes.
  • Step 4: Locate the theme you want to edit and tap Customize.
  • Step 5: Hide a section on your homepage, or use the Home page drop-down menu to choose the template containing the section you wish to modify.
  • Step 6: Tap Sections, then select the section you want to hide.
  • Step 7:  To hide the section, tap … > Hide.
  • Step 8: Finally, tap Save to apply your changes.

To hide Dynamic Sections in the Theme Editor on Android, follow these steps:

  • Step 1: In the Shopify app, tap the button.
  • Step 2: Under the Sales channels section, select Online Store.
  • Step 3: Tap Manage all themes.
  • Step 4: Find the theme you want to edit and tap Customize.
  • Step 5: To hide a section on your homepage, or choose the template with the section you want to modify, tap the Home page drop-down menu.
  • Step 6: Select Sections, then tap the section you want to hide.
  • Step 7:  To hide the section, tap … > Hide.
  • Step 8: Tap the icon to save your changes.

Hiding Dynamic Sections Using Code (for Advanced Users)

For advanced users looking to hide dynamic sections, you can edit the Shopify theme code by following these steps:

  • Step 1: From your Shopify admin, navigate to Online Store > Themes. Find your active theme and click Actions > Edit Code.
  • Step 2:In the code editor, go to the Sections folder and locate the file corresponding to the section you want to hide.
  • Step 3: To hide the section under specific conditions, wrap the section's code in an if statement. 

For example: Hiding a "Related Products" section on a specific product page


{% if template contains 'product' and product.handle != 'specific-product' %}

{% section 'related-products' %}

{% endif %}

This code will hide the "Related Products" section on all product pages except for the one with the handle "specific-product."

  • Step 4: After making your changes, click Save. Preview your store to ensure the section behaves as expected.

How to Remove Dynamic Sections on Shopify

If you don’t want to hide dynamic sections on your Shopify stores, you can delete them by following the steps below:

On Desktop

  • Step 1. From your Shopify admin, navigate to Online Store > Themes.
How to Remove Dynamic Sections on Shopify 1
  • Step 2. Find the theme you want to edit and click Customize.
How to Remove Dynamic Sections on Shopify 2
  • Step 3. Click the trash can icon to permanently delete the section.
How to Remove Dynamic Sections on Shopify 3
  • Step 4. Once you’ve made your changes, click Save to apply the updates.
How to Remove Dynamic Sections on Shopify 4

On iPhone

  • Step 1. Open the Shopify app and tap the button.
How to Remove Dynamic Sections on Shopify 5
  • Step 2. In the Sales channels section, tap Online Store.
How to Remove Dynamic Sections on Shopify 6
  • Step 3. Tap Manage all themes.
How to Remove Dynamic Sections on Shopify 7
  • Step 4. Choose the theme you want to customize and tap Customize.
How to Remove Dynamic Sections on Shopify 8
  • Step 5. Tap the Sections tab, then tap the section you want to delete. 
How to Remove Dynamic Sections on Shopify 9
  • Step 6. Tap … > Remove to delete it permanently.
How to Remove Dynamic Sections on Shopify 10
  • Step 7. After making your changes, tap Save to finalize the update.
How to Remove Dynamic Sections on Shopify 11

On Android

  • Step 1. Open the Shopify app and tap the button.
How to Remove Dynamic Sections on Shopify 12
  • Step 2. In the Sales channels section, tap Online Store.
How to Remove Dynamic Sections on Shopify 13
  • Step 3. Tap Manage all themes.
How to Remove Dynamic Sections on Shopify 14
  • Step 4. Select the theme you want to customize and tap Customize.
How to Remove Dynamic Sections on Shopify 15
  • Step 5. Tap Sections, then choose the section you wish to delete.
How to Remove Dynamic Sections on Shopify 16
  • Step 6. Tap … > Remove to delete it entirely.
How to Remove Dynamic Sections on Shopify 17
  • Step 7. Tap the icon to save your changes.
How to Remove Dynamic Sections on Shopify 18

Bottom Line

Hiding dynamic sections on Shopify is easy. You can use the Theme Editor for a quick and simple solution, or dive into the code for more advanced customization. Either way, you now have the tools to tailor your store's content and create a more engaging experience for your customers.

FAQs

The dynamic section I want to hide is generated by an app. How do I hide it?

  • If the dynamic section is generated by an app, you may need to hide it through the app's settings. Check the app's documentation or contact the app developer for guidance. If that's not possible, you can try hiding it using the Theme Editor by locating and disabling the section or using custom code to conditionally hide it.

Will hiding a dynamic section affect my store's functionality?

  • Hiding a dynamic section usually won't impact your store's overall functionality, but it depends on what the section contains. If the section includes essential features like checkout buttons or key navigation links, hiding it could affect the user experience. Be sure to test your store after hiding any section to ensure it still functions as expected.

After hiding a dynamic section, can I re-enable it later if I change my mind?

  • Yes, you can re-enable a hidden dynamic section at any time. If you hid the section using the Theme Editor, simply go back and unhide it by clicking the eye icon again. If you used code, you can reverse the changes to make the section visible.

Related Posts:


Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

People also searched for