Product Page Template for Astro

This template is designed to help you create professional product pages with minimal effort while offering full customization to meet your needs. To ensure a seamless user experience, the layout is fully-responsive and optimized for all devices.

Easy to Setup

---
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: Quickly set up and customize your navigation and footer to match your site’s structure and style.
• Image 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—whether it’s a detailed description, video, or anything else that suits your product.
• Customizable Call-to-Actions (CTAs): Design CTAs that fit your brand and guide users toward the actions that matter most.
• Feature Listing: Highlight product features in a clear, organized way to inform and attract customers.
• Recommendation Section: Add recommendations or related products to enhance discoverability and boost engagement.

Documentation

We've collected the following documentations for you that can help you get the most out of this template: