Skip to main content
All CollectionsWidgets
How to Use the Featured Collection Widget for Debutify Theme Version 7?
How to Use the Featured Collection Widget for Debutify Theme Version 7?

A guide on how to use the Featured Collection widget for Debutify Theme Version 7

Micah Quinto avatar
Written by Micah Quinto
Updated over 2 months ago

What is a Featured Collection Widget?

Featured Collection is a new widget that enables you to highlight specific collections on your store, enhancing the visibility of key products and promotions. This widget offers a visually appealing way to draw attention to curated collections, enticing customers to explore and engage with your featured products.

How Does the Featured Collection Widget Work?

The Featured Collection widget allows you to select and display designated collections prominently on your store. By customizing the widget settings, you can easily curate and showcase products that align with your marketing strategies and seasonal promotions.

Customers visiting your store will be greeted with visually striking displays of featured collections, enticing them to browse through the selected products. This widget acts as a powerful marketing tool, driving customer engagement and increasing the likelihood of conversions by highlighting specific products or themes that are relevant to your target audience.


How to Enable/Disable Featured Collection Widget?

The enablement or disablement of widgets depends on the version of your Debutify Theme. Please follow the correct guide based on your theme version:

How to Enable or Disable the Debutify Theme Widgets on versions 7.1 and above?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Click on the Theme settings icon.

Click on the Theme settings icon.

STEP 3

Scroll down and locate the Debutify Widgets tabs. You’ll find the following categories:

  • Debutify Free Widgets

  • Debutify Paid Widgets

Expand the relevant widget category by clicking on the arrow next to the tab name.

STEP 4

To enable a widget, check the box next to the widget name. To disable it, simply uncheck the box.

How to Enable or Disable the Debutify Theme Widgets between versions 6.0 and 7.0.2?

STEP 1

Sign in to your Debutify Theme Login Portal at platform.debutify.com, and navigate to the Widgets section.

STEP 2

Choose your widget from the Widgets menu, either by searching or filtering by category.

STEP 3

To enable or disable your chosen widget, click on the toggle switch.

STEP 4

  • To enable the widget, confirm by clicking Enable in the confirmation message that appears.

  • To disable the widget, confirm by clicking Disable in the confirmation message that appears.

Note: Enabling or disabling widgets on Debutify Login Portal is available only in Debutify Theme versions 6.0 to 7.0.2. Please make sure your theme is within this version range to access this feature.


How to Manage Featured Collection Settings?

STEP 1

Access your Shopify Admin's Theme Library to open the theme customizer.

STEP 2

Go to Sections, scroll down, and locate Featured collection under Template. If you don't see it, click on Add sections and search for Featured collection to display it.


How to Customize Heading and Subheading Texts for Featured Collection Widget?

STEP 1

Go to Heading to add a heading text.

STEP 2

Use the slider to adjust the Heading font size.

STEP 3

Go to Subheading to add a subheading text.

STEP 4

Use the slider to adjust the Subheading font size.

STEP 5

Go to Subheading position and select your preferred subheading position.

STEP 6

Go to Heading/Subheading alignment and select your preferred alignment.

STEP 7

Go to Product content alignment and select you preferred content alignment.


How to Customize Collections for Featured Collection Widget?

STEP 1

Go to Collection to select the collection you want to display.

STEP 2

Go to Display type and choose you preferred display type. You can select from three options:

  • Grid

  • Carousel

  • List

STEP 3

Go to Slide per to select your preferred slide display.

STEP 4

Use the slider to adjust the Maximum number of products to show. This setting only applies to the List view.

STEP 5

Go to Number of rows and select the number of rows you want to display. This setting will apply to grid and list views only.

STEP 6

Select the Number of columns you want to display for desktop and mobile views. This setting will apply to grid view only.

STEP 7

Go to Layout width and select your preferred layout width. Choose from two options: Full or Custom.

STEP 8

Use the slider to adjust the Custom width.

STEP 9

Go to Image shape and select your preferred image shape. . You can choose from the dropdown options below:


How to Customize Badges for Featured Collection Widget?

STEP 1

Check the boxes if you want to:

  • Show out of stock products

  • Show color swatches

  • Show product rating

  • Show product price

  • Show product vendot

  • Show sold out badge

  • Show sales badge

STEP 2

Go to Badges placement and select your preferred badge placement. Choose from two options: Left or Right.

STEP 3

Check the box if you want to Enable quick view button.

STEP 4

Check the box if you want to Change to carousel from grid view in mobile.

STEP 5

Go to Custom badge label to add a custom label to the badge.

STEP 6

Go to Custom badge icon to add a custom icon.


How to Customize Buttons for Featured Collection Widget?

STEP 1

Check the box if you want to Show button.

STEP 2

Go to Button label to add a label to your button.

STEP 3

Go to Button link to add a link to your button. If not specified, the link will lead to the catalog page.

STEP 4

Go to Button style and choose your preferred button style. Choose from three options: Default, Primary, or Outline.

STEP 5

Check the box if you want the button to Show on desktop or mobile views.


How to Customize Section Style for Featured Collection Widget?

STEP 1

Go to Section Style settings and choose your preferred section style. You have three options to select from:

  • Blank Background

  • Accent Background

  • Border Top

STEP 2

Go to Container size and select the desired container size. You can choose between two options:

  • Default

  • Fluid


How to Customize Slider Options for Featured Collection Widget?

STEP 1

Go to Slider options and check the boxes if you want to enable slider, show dots, and enable autoplay.

STEP 2

Go to Autoplay speed to adjust the speed of autoplay. Use the slider to set the speed as desired.


How to Customize Loading Type for Featured Collection Widget?

STEP 1
Go to Images loading and choose between two loading types: Lazy or Eager options.


How to Customize Font for Featured Collection Widget?

STEP 1

Go to Font and select your preferred font.


How to Select a Color Scheme for the Featured Collection Widget?

STEP 1

Click Change under Color scheme to choose your preferred colors from the dropdown options provided.

Note: If your store does not have any color schemes set, please refer to the article How to Add and Customize Your Theme's Colors?


Final Step: Save Your Changes

After completing your customizations, click Save to apply the changes.

Did this answer your question?