Blocks in Template (editor page) not visible in LIVE website

Shopify Discussion
1

I have icon with text and collapsible row clearly showing in the editor page but once I go to my live website it doesn’t appear. I’ve also tried to edit my variant picker from pill to drop-down and it resulted the same where it is shown in the edited page but not live page. I’m assuming there is something wrong within the template section

2

Hi @ChuckySideWays
I hope you are doing well.
Please check if you are checking in correct theme, or if theme is already live then you can click customize and check if those are present there,
also, please make sure if you have saved the theme settings in customizer
if still not working, please share store url and theme customizer screenshot of how you added that

Thanks!

3

Hello. @ChuckySideWays

The following are possible reasons why the blocks in your theme’s editor are not visible on the live site, along with the solutions;

Ensure the section is enabled from the theme’s customization settings. Some blocks have settings that may hide their Visibility on the live site.

Ensure you’re editing the correct template for the live page by looking at the top dropdown. A different template is sometime assigned under the Theme Template.

The live store will not reflect the changes you make if the theme is not published. Check if the theme you edited is the published one.

The block’s conditional rule( {% if %} in Liquid) may not display, that is if it has one, because the rendering condition has not been met, eg.,

{% if product.available %}

Product is in stock
{% endif %}

when product.available is false, the block won’t reflect.

Try a hard refresh by pressing Ctrl + Shift + R (for Windows)
Cmd + Shift + R (for Mac). Shopify may be caching the old versions of the page.

Finally, browser extensions or cookies may be affecting visibility, so try testing in Incognito Mode or another Browser.

If the issue still persists, check the specific Liquid file related to the section (section-name.liquid) to identify the problem.

4

I have no clue about coding. Can you explain to me step by step in an easy way to understand how to fix this?