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

Shopify Image Standalone Section

Learn how to create an Image Standalone section with Sections Pro in Shopify

Description of the Section

The Image Standalone section is a versatile component designed for Shopify stores using the Sections Pro app. This section allows you to display images with custom dimensions, aspect ratios, and styles. It includes options for different background colors, padding, and rounded borders, making it perfect for highlighting products, promotions, or brand imagery.

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 "Image Standalone"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. Product Highlights: Use the section to showcase high-resolution images of new or featured products on your homepage.
  2. Promotional Banners: Ideal for creating visually appealing banners for sales, discounts, or special events.
  3. Brand Storytelling: Share captivating images that tell your brand's story, highlight your team, or give a behind-the-scenes look at your business.
  4. Customer Testimonials: Display large, high-quality images of happy customers alongside their reviews to build trust and credibility.
  5. Blog Post Thumbnails: Enhance your blog section with engaging, standalone images that relate to your content.

Overview of the Configuration Settings

  1. Colors

    • Background: Set the background color or gradient for the image section.

  2. Dimensions

    • Max Width of Section: Define the maximum width of the section in pixels.
    • Padding Top: Set the top padding in pixels.
    • Padding Bottom: Set the bottom padding in pixels.
    • Padding Left: Set the left padding in pixels.
    • Padding Right: Set the right padding in pixels.

  3. Image

    • Image: Choose the main image to display.
    • Image Aspect Ratio: Select the desired aspect ratio for the image (21:9, 16:9, 4:3, 1:1, auto).
    • Image Width: Specify the width of the image (size requested from Shopify).
    • Mobile Image: Optionally select a different image for mobile devices.
    • Mobile Image Aspect Ratio: Choose an aspect ratio for the mobile image.
    • Mobile Image Width: Define the width of the mobile image (size requested from Shopify).
    • Optional Link: Add a URL to link the image to another page or external site.
    • Round Borders on Media: Set the border-radius for rounded corners of the image.
    • Subtle Shadow on Media: Enable or disable a subtle shadow effect on the image.