Shopify Triptych Premium Section

Description of the Section

The Triptych Premium section is a versatile and feature-rich addition to your Shopify store, provided by the Sections Pro app. This customizable section allows you to showcase content effectively with a blend of text, images, icons, and buttons, all arranged in a visually appealing layout. It is perfect for highlighting products, promotions, or any key information you want to draw your customers' attention to.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Premium Sections
3. Search for "Triptych Premium"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-Commerce Store

1. Product Highlights: Use the Triptych Premium section to feature your top-selling products with images, descriptions, and call-to-action buttons.
2. Promotional Banners: Announce sales, discounts, or special events with eye-catching headlines, supporting text, and visually stunning images.
3. Customer Testimonials: Add customer reviews and ratings to build trust and highlight positive feedback.
4. Feature Lists: List out key features or benefits of your products using icons and descriptive text for quick readability.
5. Brand Storytelling: Share your brand's story or mission statement with a mix of rich text content and engaging visuals.

Overview of the Configuration Settings

1. Font Settings:

   • Override theme fonts: Checkbox to enable custom font settings.
   • Text Font: Choose a font for the main text.
   • Headline Font: Choose a font for headlines.

2. Text Settings:

   • Text Size: Adjust the size of the main text.
   • Text Line Height: Choose the line height for the main text.
   • Text Color: Set the color for the main text.
   • Headline Size: Adjust the size of headlines.
   • Headline Line Height: Choose the line height for headlines.
   • Headline Color: Set the color for headlines.

3. Colors:

   • Background: Choose a background color or gradient for the section.

4. Dimensions:

   • Max Width of Section: Set the maximum width of the section.
   • Gap Between Columns: Adjust the space between columns.
   • Gap between Text Elements: Adjust the spacing between text elements.
   • Padding: Adjust padding for the top, bottom, left, and right of the section.
   • Spacing between Elements: Set spacing between elements.

5. Images:

   • Image 1, 2, 3: Select images to be displayed in the section.
   • Image Tilt: Adjust the tilt angle for each image.

6. Blocks:

   • Headline: Add a headline with customizable text and alignment.
   • Five Star: Insert a five-star rating with color customization.
   • Paragraph: Add a text paragraph with customizable content and alignment.
   • Button: Create primary and secondary call-to-action buttons with customizable text, links, and styles.
   • Icon with Text: Add icons with accompanying text, customizable size, color, and alignment.
   • Image Icon with Text: Insert an image with accompanying text, customizable size, aspect ratio, and alignment.
   • Image: Display an image with optional link, size, border radius, and shadow settings.
   • Custom Liquid: Add custom Liquid code for advanced content customization.

Configure these settings in the Sections Pro app to create a unique and impactful section on your Shopify store.