Shopify Rounded Feature Section

Description of the Section

The Rounded Feature section is designed to create visually appealing content areas within your Shopify store. This section allows you to combine text, images, and buttons in a rounded container, giving a soft and modern look to your webpages. It offers full customization to match your brand’s aesthetics with various settings for fonts, colors, padding, and more.

Demo of the Section

Installation Instructions

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

Sample Use Cases for a Shopify E-Commerce Store

1. Product Highlights: Use the Rounded Feature section to highlight your top products with engaging images, compelling headlines, and call-to-action buttons.

2. Customer Testimonials: Showcase customer reviews and ratings using the five-star block to build trust and encourage new customers to make a purchase.

3. Announcements: Announce sales, new product launches, or special offers with eye-catching headlines and supporting text.

4. Brand Story: Share your brand’s story or mission statement in an elegant manner that grabs the attention of site visitors.

Overview of the Configuration Settings

• Text Settings

  • Text Font: Choose the font for text from various options.
  • Text Size: Set the text size (10-50 px).
  • Text Line Height: Select the line height from predefined options (1.05, 1.15, 1.25, 1.5, 1.75, or inherit).
  • Text Color: Choose the color for the text.

• Headline Settings

  • Headline Font: Pick a font for headlines.
  • Headline Size: Adjust the headline size (10-50 px).
  • Headline Line Height: Choose the line height for headlines (similar options as text line height).
  • Headline Color: Define the color for headlines.

• Colors

  • Background Color: Set the background color or gradient for the section.
  • Cover Background: Define the cover background color or gradient.
  • Cover Opacity: Adjust the cover opacity (0-100%).

• Image

  • Image: Upload an image to be displayed.

• Dimensions

  • Max Width of Section: Set the maximum width of the section in pixels.
  • Height of Section: Define the height of the section.
  • Height of Window on Mobile: Set the height for mobile view.
  • Padding Top/Bottom/Left/Right: Adjust padding around the content.

• Content

  • Text Location: Choose the location of text (left or right).

• Container

  • Container Background Color: Define the container background color or gradient.
  • Round Borders on Container: Set the border radius for the container (0-50 px).
  • Subtle Shadow on Container: Option for adding a shadow to the container.

• Image Aspect Ratio: Choose the aspect ratio for images (21:9, 16:9, 4:3, 1:1).

• Blocks (Content Elements)

  • Headline: Add a headline with customizable alignment and content.
  • Paragraph: Insert a paragraph with alignment and rich text options.
  • Rich Text: Add detailed content with rich text capabilities.
  • Button: Create a call-to-action button with various style settings like background color, text color, size, padding, border radius, and link.
  • 5 Star: Display a five-star rating with customizable alignment and color.

By utilizing these settings, you can create dynamic and engaging sections tailored to your e-commerce store's needs.