Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Feature Grid Plus Section

Learn how to create a Feature Grid Plus section with Sections Pro in Shopify

Description of the Section

Feature Grid Plus is a versatile section for Shopify that enables you to showcase your products or features in a visually appealing grid layout. The section is fully customizable, allowing you to adjust the design, fonts, colors, and more to fit seamlessly with your store's theme.

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 "Feature Grid Plus"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. New Arrivals: Highlight your latest products to attract buyers' attention.
  2. Best Sellers: Showcase your top-selling products to boost conversions.
  3. Feature Highlights: Emphasize key features or unique selling points of your products.
  4. Promotional Offers: Display limited-time offers or discounts to drive urgency.
  5. Customer Favorites: Showcase products highly rated by your customers to build trust.

Overview of the Configuration Settings

  1. Font Settings:

    • Override theme fonts
    • Text Font
    • Headline Font

  2. Text Settings:

    • Text Size
    • Line Height
    • Headline Size
    • Line Height for Headline
    • Headline Color
    • Text Color
    • Feature Text Color

  3. Section Design:

    • Section Background Color
    • Padding (Top/Bottom and Left/Right)
    • Spacing between Elements

  4. Container Design:

    • Background Color
    • Max Width
    • Padding (Top/Bottom and Left/Right)
    • Round Borders on Container
    • Subtle Shadow on Container
    • Border Size and Color on Container

  5. Grid Design:

    • Gap Between Reviews

  6. Feature Design:

    • Vertical Alignment
    • Spacing between Elements
    • Horizontal Alignment
    • Text Alignment
    • Cover Background and Opacity

  7. Button Style:

    • Padding (Top/Bottom and Left/Right)
    • Round Borders on Button
    • Border Size and Color on Button
    • Button Background Color
    • Button Text Color

  8. Mobile Display:

    • Mobile Display Type (Slideshow or Stacked)
    • Columns (when stacked)
    • Slideshow Progress Background and Foreground Color
    • Slideshow Indicator Color
    • Enable Autoplay and Autoplay Time

  9. Headline:

    • Headline Text Alignment
    • Headline Text
    • Text
    • Spacing between Headline and Features