Product Slider Highlights Showcase Products With an Interactive Slider

Showcase selected Shopify products in an engaging product slider with product images, badges, pricing, buttons, navigation arrows, autoplay, and responsive layouts.

  • check-icon Interactive Product Slider
  • check-icon Product Badges & Pricing
  • check-icon Responsive Slider Layout
Product Slider Highlights section preview 1
Product Slider Highlights section preview 2
vector
vector

Key Features for an Engaging Product Slider

Create a visually focused product slider with selected products, product images, pricing, badges, buttons, navigation controls, autoplay, and responsive display options.

Selected Product Slider

Selected Product Slider

Add multiple Shopify products to create a dynamic product slider that highlights your selected products.

Product Images

Product Images

Display the featured image of each selected product for quick visual recognition and product discovery.

Product Information

Product Information

Show product titles, sale prices, and compare-at prices directly within each product slide.

Product Badges

Product Badges

Display custom product labels using Shopify product tags to highlight messages such as new arrivals or best sellers.

Product Links

Product Links

Connect product images, titles, and buttons directly to their corresponding Shopify product pages.

Interactive Navigation

Interactive Navigation

Use navigation arrows to move between products, making browsing the slider simple and intuitive.

Autoplay Slider

Autoplay Slider

Enable autoplay and set a custom delay to automatically rotate through the product slides.

Responsive Product Layout

Responsive Product Layout

Adjust the product slider experience on desktop and mobile by varying slide visibility and mobile navigation controls.

Product Slider Highlights Settings & Options

Customize products, badges, buttons, slider behavior, typography, colors, navigation arrows, spacing, and section width from the theme editor.

Section Settings

Section Settings

Applies to the whole section

Set the main heading displayed above the product slider.

Section Heading

Add supporting content displayed below the section heading.

Section Content

Choose the alignment of the heading and supporting content.

Content Alignment

Select the Shopify products displayed in the slider.

Select Products

Choose the number of products visible on desktop screens.

Desktop Slides

Enable automatic sliding between the selected products.

Enable Autoplay

Enable or disable the product button displayed on slides.

Enable Product Button

Enable product tags displayed as badges on product slides.

Enable Product Tags

Choose whether the slider spans the full available width.

Full Width

Set the top and bottom spacing for desktop and mobile.

Section Spacing
Block Settings

Block Settings

Not applicable

Not applicable this section does not contain any Shopify blocks.

No Block Settings

Where This Section Can Be Used

Use Product Slider Highlights wherever your Shopify store needs an engaging way to showcase selected products, featured collections, new arrivals, promotions, or products shoppers should explore.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Showcase Featured Products

Use the product slider on your homepage to present selected products in a visually engaging format that encourages visitors to explore your featured offerings.

check-iconShowcase featured products

check-iconHighlight new arrivals and best sellers

check-iconDisplay product pricing clearly

check-iconGuide visitors to product pages

check-iconCreate an engaging product browsing experience

Collection Page

Highlight Selected Collection Products

Add the product slider to a collection page to highlight selected products and give shoppers another convenient way to browse important products.

check-iconHighlight selected products

check-iconShow product images and pricing

check-iconPromote important products within a collection

check-iconSupport easier product discovery

check-iconEncourage shoppers to explore product pages

Product Page

Showcase Related Products

Use the product slider below product information to introduce selected products and encourage shoppers to discover additional products from your store.

check-iconShowcase additional products

check-iconPromote related product options

check-iconDisplay product information at a glance

check-iconEncourage further product discovery

check-iconGuide shoppers toward other products

Landing Page

Create a Focused Product Showcase

Use Product Slider Highlights on a campaign or landing page to display selected products with images, pricing, badges, and direct links to each product.

check-iconPresent products for a specific campaign

check-iconHighlight promotional products

check-iconShow important product labels

check-iconMake product browsing more engaging

check-iconLead shoppers toward relevant products

Benefits of Using Product Slider Highlights

Give your Shopify store an engaging product showcase that combines product visuals, pricing, badges, buttons, navigation, and responsive slider behavior in one flexible section.

Product Slider Highlights section benefits

Make Product Browsing More Engaging

Present selected products in an interactive slider so shoppers can quickly view product visuals, pricing, labels, and links without taking up excessive page space.

check-iconShowcase multiple products in one section

check-iconMake product discovery more engaging

check-iconHighlight important product labels

check-iconDisplay pricing clearly

check-iconConnect products directly to their pages

check-iconPromote selected products effectively

check-iconAdapt the slider experience for mobile shoppers

Do This, Skip That.

DO

  • do Choose products that are relevant to the page
  • do Use high-quality product images
  • do Keep product labels clear and useful
  • do Display accurate product pricing
  • do Use buttons and links that guide shoppers to relevant products

DON'T

  • don't Add unrelated products to the slider
  • don't Use low-quality or inconsistent product images
  • don't Add unnecessary or confusing product labels
  • don't Display outdated product pricing
  • don't Overload the slider with products that do not support the page purpose

Frequently Asked Questions

How many products can I add to Product Slider Highlights?

You can select multiple Shopify products for the slider. The section recommends selecting at least 4 products for a proper preview.

Can I display product badges?

Yes. Enable the tag option and add product tags using the supported format to display custom labels on product slides.

Can I add a button to each product?

Yes. You can enable the product button, customize its label, and choose between a standard or outline button style.

Can I change the number of products shown on the desktop?

Yes. You can choose between 3 or 4 visible slides on the desktop using the Slides per View setting.

Can I enable autoplay?

Yes. Enable Autoplay and set the delay to control how frequently the product slides change automatically.

Can I enable navigation arrows on mobile?

Yes. The section includes an Enable Navigation on Mobile option that lets you choose whether navigation arrows are displayed on smaller screens.

Can I customize the product colors?

Yes. You can customize the product information background, product title, sale price, compare-at price, badges, buttons, and slider arrows.

Can I customize the slider arrows?

Yes. You can adjust the arrow background, icon color, border color, hover colors, and desktop arrow size.

Is Product Slider Highlights mobile responsive?

Yes. The section automatically adjusts its slider layout for smaller screens and includes mobile-specific typography, spacing, and navigation controls.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Add Product Slider Highlights to Your Store

Install SectionHub and add the Product Slider Highlights section to your theme in minutes - no coding required.