Can I limit my preloading screen to appear only during specific actions?

Store Design
,

Topic summary

Preloading screen behavior needs to be limited to specific actions/pages instead of appearing on every click.

  • Initial scope: Show the preloader only on the homepage (first visit/home logo). A Liquid condition using {% if template == ‘index’ %} successfully restricts it to the homepage.

  • Expanded request: Also show the preloader when clicking hamburger menu links and the cart button. A suggested Liquid update targeted multiple templates (index, collection, blog, page, article, cart), but the user reports it still only appears on the homepage and shared a screenshot. Placement of the code and how navigation occurs (e.g., AJAX vs. full page loads) may affect visibility.

  • Technical note: Liquid conditions only control which templates include the preloader markup. Triggering on specific clicks (hamburger menu, cart) likely requires JavaScript event listeners rather than Liquid alone, especially if navigation is AJAX-driven.

  • Outcome/status: Homepage-only solution works; broader behavior remains unresolved. Next steps: clarify where the code is inserted, confirm navigation type, and add JS click handlers if needed. Another user asked where the code should be placed and noted mobile display issues.

Summarized with AI on December 28. AI used: gpt-5.
4

Hi,

Maybe I suggest code below:

{% if template == 'index' %}
    
	    

	      
![darker.png?v=1676571597|2000x2000](upload://qcAi7fbw2jMZ9Am2wneGIkLKEXI.jpeg)

	    

	

	

	

	
{%  endif  %}