Customizing the Featured Collection Section

Customizing the Featured Collection Section

In Shopify stores, it is common practice to highlight specific product collections to draw attention to top-selling items, new arrivals, or promotional offers. Tapita's Featured Collection Section provides a dedicated and customizable way to showcase these collections, making it easy for customers to discover your top picks and drive conversions.

With Tapita's Featured Collection Section, you can:
  1. Highlight Featured Collections: Showcase selected product collections in a visually appealing and organized layout.
  2. Customize the Design: Adjust colors, text, and layout to match your brand’s style and aesthetic.
  3. Optimize for Mobile: Ensure your featured collections look great on desktops, tablets, and mobile devices.
  4. Engage Customers: Encourage customers to explore and shop your highlighted collections.
  5. Create Flexible Layouts: Easily adapt the layout to feature collections based on promotions, seasons, or trends.

For instructions on how to add a featured collection section to your store, please refer to the Getting Started guide for Tapita Theme Sections Builder.
After adding your desired featured collection section to your store, you can customize its content as follows within the Shopify Theme Editor:

Step 1: Under the Featured Collection section, click "Add item."

Step 2: Customize the content as follows:
  1. Tab Name: Enter the name of the collection to display as a tab (e.g., "New Arrivals," "Best Sellers").
  2. Collection: Choose a collection from your store to display under this tab.


You can configure the featured collection section as follows:
  1. Click on the featured collection section
  2. Configure the section header
    1. Heading: Enter the main heading text for the section (e.g., "Collection"). This is the primary title that will appear at the top of the collection section.
    2. Heading Size: Select a heading size ("Small," "Medium," or "Large").
    3. Sub-Heading: Enter a sub-heading text.
    4. Description: Enter a section description.
    5. Alignment: Choose the text alignment ("Default" or "Center").
    6. Button Label: Add text for the button label (optional).
    7. Button Link: Add a URL for the button (optional).


  1. Configure the section body
    1. Image Ratio: Choose the desired aspect ratio for the product images within the collection.
    2. Show Second Image on Hover: Enable to display a second product image when a customer hovers their mouse over the product; disable to show only the first image.
    3. Product Limits: Choose the maximum number of products to display in the collection.
    4. Number of Columns: Select the number of columns for displaying collection on desktop, tablet, and mobile devices. This controls how many collections are displayed per row on different screen sizes, helping with responsive design.


  1. Configure the section footer
    1. Button Label: Enter the text for the button label (optional). This will add a button in the section's footer, if desired. Leave blank for no button.
    2. Button Link: Enter a URL for the button (optional).


  1. Configure the section layout
    1. Background image: Choose a background image for the section (if desired).
    2. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
    3. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
    4. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.


  1. Configure the section color
    1. Background: Choose a color for the section background.
    2. Background Gradient: Set a background gradient. This allows you to create a subtle color transition in the background instead of a solid color.
    3. Foreground: Choose a color for the foreground elements.
    4. Title: Choose a color for titles.
    5. Button Background: Choose a color for button backgrounds. This determines the background color of any buttons within the section.
    6. Button Text: Choose a color for button text. This sets the color of the text displayed on the buttons.
    7. Button Outline: Choose a color for the button outline.
  1. Configure the section optimize
    1. Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.

  1. Configure the theme settings
    1. Reveal Sections on Scroll: Enable to have the section fade into view as the customer scrolls down the page. Disable to have it be immediately visible.
    2. Show Currency Code: Enable to display the currency code alongside product prices.


Now you know how to customize the Tapita Featured Collection Section showcase your best products, highlight special collections, and drive more sales! If you have any questions or need assistance, please don't hesitate to contact Tapita support.

    • Related Articles

    • Customizing the Collection List Section

      Collection List Section Overview In Shopify stores, displaying a list of collections helps customers quickly navigate and discover different product categories. Tapita's Collection List Section provides an organized and visually appealing way to ...

    • Customizing the FAQ Section

      FAQ Section Overview In Shopify stores, FAQ sections are commonly used to address customer inquiries, reduce support requests, and improve the overall customer experience by providing quick access to answers for frequently asked questions. Tapita's ...

    • Customizing the Email Signup Section

      Email Signup Section Overview In Shopify stores, email signup sections are crucial for growing your email marketing list and engaging with potential customers. Tapita's Email Signup Section is specifically designed to streamline this process, ...

    • Customizing the Testimonial Section

      Testimonial Section Overview In Shopify stores, displaying customer testimonials is essential for building trust and social proof. Tapita's Testimonial Section provides a modern and visually appealing way to highlight these testimonials, enhancing ...

    • Customizing the Video Section

      Video Section Overview In Shopify stores, video sections are powerful tools for showcasing products, tutorials, testimonials, and more. Tapita's Video Section provides a dynamic hub for this multimedia content, offering users a rich and engaging ...