New Template Formatting

Store Design

Topic summary

A user is experiencing formatting issues with a newly added page template on their Shopify store (gemlette.com/pages/angel-number-poster).

Two main problems identified:

  1. Page overlapping with megamenu - Resolved by adding custom CSS code (#MainContent .poster-creator-wrapper { z-index: 1; }) to the base.css file in the theme’s Asset folder.

  2. Adding product recommendation carousel - The user wants to display product recommendations at the bottom of the page but finds no selection option available. A support responder suggested using the “featured collection section” as a solution, noting that dynamic product recommendations would require custom code.

Current status: The overlap issue is fixed, but the user reports being unable to add the featured collection section for unknown reasons. The discussion remains open with this unresolved technical barrier.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Added a new page template but having some issues with the formatting.
https://gemlette.com/pages/angel-number-poster

  1. The page is overlapping with the megamenu
  2. I want to add a product recommendation carousel at the bottom but there is no selection for that

Screenshot 2024-10-12 at 10.10.00 AM.png
Screenshot 2024-10-12 at 10.10.00 AM.png2878Ă—1490 303 KB

Screenshot 2024-10-12 at 10.10.29 AM.png
Screenshot 2024-10-12 at 10.10.29 AM.png2884Ă—1360 231 KB

1 Like
2

Hi @gemlette

Please follow the instructions below

!. From you Admin page, go to Online Store > Themes
2. Select the theme you want to edit, click the three dots to edit code
3. Under the Asset folder, open the base.css
4. Then place the code below at the very bottom of the file and SAVE

#MainContent .poster-creator-wrapper {
    z-index: 1;
}

Result:

Made4uoRibe_0-1728700991855.png
Made4uoRibe_0-1728700991855.png1440Ă—710 21.9 KB

3

I am using the craft theme

4

Thanks! it work for Point 1
Do you have a suggestion for Point 2

  1. I want to add a product recommendation carousel at the bottom but there is no selection for that
5

Hi @gemlette

You can use featured collection section. If you really want the product recommendation to have dynamic products, it will need custom code

6

See the screenshot. I am unable to add the featured collection section for some reason