The "Filtering gift guide" page template combines two powerful sections to create an engaging shopping experience. The template is specifically designed to help customers find gifts within different price ranges.
The page consists of two main sections:
Banner Image Gallery Section (Top):
Features a striking header "Holiday Gift Guide"
Includes a gallery of lifestyle/product images in a 3-column layout
Uses a 2:3 image aspect ratio for consistent presentation
Contains call-to-action buttons ("Find Gift" and "Shop All")
Styled with custom fonts (Playfair Display and Josefin Sans)
Includes subtle gradient overlays for better text visibility
Adapts to 2 columns on mobile devices
Shop The Look Filter Section (Main Content):
Organizes products by price ranges:
Under $20 category
Under $50 category
Under $100 category
Each price category includes:
Background image
Product listings (3 products per category)
Descriptive text
Custom styling for product displays
Features:
Product images with secondary image on hover
Product titles and prices
Product labels
34% width for grid items (desktop)
65% width for grid items (mobile)
2-column layout on mobile
Custom background colors (#f8efe5)
Anchor link functionality (#gift-guide)
The template uses a warm, sophisticated color palette with browns and beiges, making it perfect for holiday or seasonal gift promotions. The layout is fully responsive and optimized for both desktop and mobile viewing experiences.