Instantly upgrade your product page layout by organizing your details inside a sleek, customizable container.
A common design issue with many Shopify themes, including Horizon, is that the product information (title, price, description, buy buttons) can sometimes feel "floating" or disconnected from the product image. This can make the page look unfinished or messy.
The solution is to add a Wrapper around this section. This simple styling trick groups all your key purchasing elements into a tidy card or bordered box, giving your store a much more polished and professional look. In this tutorial, we’ll show you how to implement this using the Section Store app—no coding required.
Why Use a Content Wrapper?
- Better Visual Hierarchy: It separates the "buy" area from the rest of the page, focusing the customer's attention.
- Clean Design: A subtle border or shadow adds depth and a premium feel to your site.
- Mobile Organization: Keeps content neatly contained on smaller screens.
Step-by-Step Installation Guide
Follow these steps to wrap your product details on the Horizon theme:
- Install the App: First, ensure you have the Section Store app installed on your Shopify store.
- Access Conversion Blocks: Open the app dashboard and navigate to the "Conversion Blocks" tab. You will need a subscription to access these premium layouts.
- Select the Wrapper: Scroll through the list to find the "Wrapper" block (sometimes labeled "Product Info Wrapper"). Click the "Edit in Theme" button.
- Enter Theme Editor: You will be redirected to the Shopify Theme Editor. Navigate to your Product Page template.
- Add the Block: On the left sidebar, locate the "Product information" section. Click + Add Block.
- Select the App Block: Switch to the "Apps" tab in the block menu. Select the "Wrapper" block you just added from Section Store.
- Customize: Drag the Wrapper block to the very top of your product information section so it encases the elements below it (or adjusts based on the app's specific settings). You can then customize the border thickness, corner radius, padding, and background color to perfectly match your brand.
Conclusion
By adding a structured wrapper, you instantly elevate the design of your Horizon theme. It transforms a basic product page into a structured, high-converting interface that rivals custom-coded stores.
Ready to Polish Your Horizon Theme?
Don't let your product page look cluttered. Organize your content with this customizable Product Info Wrapper today completely risk-free.
Start Your 14-Day Free Trial →Includes access to all premium Conversion Blocks.
