My products page has a background video of small tiny shooting stars as seen in the screenshot. However, i want it to be behind the clothes, currently its at the bottom of the page. How do i fix this issue? Please help.
Topic summary
Main issue: The collection/products page has a starry background video that appears at the bottom of the page instead of behind the product listings. The goal is to place the video as a true background behind the clothes.
Proposed fix: A responder instructs editing the Shopify theme file (theme.liquid) and pasting code above the closing tag. Steps given: Online Store > Themes > More actions > Edit code > theme.liquid. Note: The actual code snippet is missing in the post, so the exact implementation is unclear. (theme.liquid is the main layout file; is the end of the HTML head; CTA means call-to-action.)
Additional guidance: Recommendation to add a top hero banner with text and CTA buttons to clarify the store’s offering within seconds and improve first impressions.
Status/outcome: No confirmation that the issue was resolved. The critical code required to reposition the background video was not included, leaving the solution incomplete. Action needed: Provide or request the missing code or theme-specific instructions to layer the video behind product grids.
Hi @suoshie
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
While checking on your issue, I’ve found that currently your store is missing a key factor that is the top banner with text and ctas buttons :
The banner is very significant in hero material. It is the first thing customers see when they visit your website. Let’s get consumers to know exactly what you’re having in 5 seconds first.
Hope this can help you solve the issue
Best regards,
Richard | PageFly