Add pop-up form code to <head> section only for Homepage

Store Design
, , ,
1

I added a third-party platform pop-up form code to the section of the Theme.Liquid file, but this is causing the pop-up form to appear on all pages which is quite annoying.

How do I ensure the code is only applied to the store’s Home Page?

2

@Empyrean - shopify shares templates hence theme.liquid is shared by all pages for header and footer

we can use css to hide this popup on other pages and keep it activated on home page only

3

Thanks, Can you tell me what to insert to hide the popup on other pages?

4

@Empyrean - can you please share your page link?

5

https://empyreanart.gallery

6

@Empyrean - add this css to the very end of your theme.css file and check

.fd-modal{display: none;    visibility: hidden;}

.template-index{display: block;    visibility: visible;}
1 Like
7

Seems to have done the trick! thanks a ton :slightly_smiling_face: