Deploy to Netlify
This template is designed to help you create product pages with minimal effort while offering full customization to meet your needs. Easily set your template through the following props:
---
import ProductPage from '@templates/ProductPage.astro'
const layout = {
seo: { ... } // Your SEO configuration
menu: { ... } // Menu configuration
footer: { ... } // Footer configuration
}
---
<ProductPage
layout={layout}
images={[ ... ]} {/* Your Carousel images */}
carousel={{ ... }} {/* Optional Carousel configuration */}
buttons={[ ... ]} {/* CTA buttons */}
features={[ ... ]} {/* List of features under CTA */}
recommended={{ ... }} {/* Recommended items */}
>
<span>Your main content</span>
</ProductPage>
Key Features
- Menu and Footer Configuration: Customize your navigation and footer to match your site’s structure.
- Carousel: Showcase product images with an interactive carousel for a more engaging user experience.
- Flexible Content Layout: Define your main content the way you want.
- Customizable CTAs: Design CTAs that fit your brand.
- Features: Highlight product features in a clear, organized way to inform and attract users.
- Recommendation Section: Add recommendations or related products to improve discoverability.
- Fully Responsive: The layout is optimized for all devices.
Documentation
To help you get the most out of this template, you can use the following documentation pages that allow you to discover all customization options:
