Product media on Horizon not reflecting any changes made

Topic summary

A user is experiencing issues with the Horizon Shopify theme where product media settings changes (carousel to grid, column adjustments) are not displaying on either desktop or mobile, despite using only native features without custom CSS.

Troubleshooting steps suggested:

  • Clear browser cache or use incognito mode
  • Verify correct template/page is being previewed
  • Revert to default settings then reapply changes
  • Switch between different sections in the theme editor before saving
  • Check if setting controls in main-product.liquid are properly connected to the output logic

Current status:
The issue appears to affect multiple Horizon users, possibly related to recent theme updates or Shopify editor glitches. Initial troubleshooting attempts (cache clearing, template switching) have not resolved the problem. The user lacks technical expertise to inspect theme code files. If basic fixes fail, recommendations include testing with a fresh theme copy or contacting theme developer support.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Is anyone experiencing the same issue?

Any settings I make (e.g. changing media type from carousel to grid or changing grid columns from 1 to 2) is not reflected on the theme. This is occurring on both desktop and mobile. I’ve got no custom CSS, everything is native.

Any advise or help will be appreciated.

1 Like

Hello @jiane You’re not alone—this issue has been reported by other Horizon theme users as well, especially after recent theme updates or Shopify’s theme editor glitches. Here’s how you can troubleshoot and potentially fix it:

Quick Checks First

  1. Clear browser cache or try incognito mode: Sometimes the changes don’t appear due to cached theme assets.

  2. Check if you’re previewing the correct template/page: Especially important if you’ve set custom templates for specific products.

Theme Editor Sync Issues
This sounds like a JavaScript or settings schema loading issue. Try the following:

  1. Revert to Default Settings, Then Re-Apply:

. Go to the theme editor (Customize).

. Switch to another product template (if available), change settings there, save, and then switch back.

. Now re-apply your desired media layout (carousel/grid) settings.

.2 force Refresh Theme Settings:

. From Theme > Customize, try switching to another section (like “Collection pages”) and then return to “Product pages.”

. Make your media layout changes again and click Save, even if the preview doesn’t change.

Technical Check
If you’re comfortable inspecting theme code:

  1. Check if the setting controls are actually hooked into the main-product.liquid or similar file:

. Open Sections > main-product.liquid (or equivalent).

. Ensure that the setting like media_layout or media_type is being used in the logic (e.g. via {% if settings.product_media_layout == ‘grid’ %} etc.).

Sometimes developers forget to bind a theme setting to the section output, so the control shows in the editor but does nothing.

Last Resort
If nothing works:

. Download a fresh copy of the Horizon theme and test in a duplicate store.

. Or contact the theme developer through your theme purchase support channel (e.g. Shopify Theme Store or Out of the Sandbox if it’s one of theirs).

Would you like to share the exact theme version you’re using? I can cross-check if there’s a specific known bug or version mismatch.

Thank you :blush:

Hi,

This is great, thank you! Unfortunately, I tried the first two suggestions and did not work.

I’m not technical enough for the 3rd part to know if there is something broken.

My theme is the Horizon shopify theme.

1 Like