How to Hide Dynamic Sections on Shopify
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.
- Step 2. Find the theme you want to edit and click Customize.
- Step 3. Click the trash can icon to permanently delete the section.
- Step 4. Once you’ve made your changes, click Save to apply the updates.
On iPhone
- Step 1. Open the Shopify app and tap the … button.
- Step 2. In the Sales channels section, tap Online Store.
- Step 3. Tap Manage all themes.
- Step 4. Choose the theme you want to customize and tap Customize.
- Step 5. Tap the Sections tab, then tap the section you want to delete.
- Step 6. Tap … > Remove to delete it permanently.
- Step 7. After making your changes, tap Save to finalize the update.
On Android
- Step 1. Open the Shopify app and tap the ☰ button.
- Step 2. In the Sales channels section, tap Online Store.
- Step 3. Tap Manage all themes.
- Step 4. Select the theme you want to customize and tap Customize.
- Step 5. Tap Sections, then choose the section you wish to delete.
- Step 6. Tap … > Remove to delete it entirely.
- Step 7. Tap the ✓ icon to save your changes.
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: