The Image Banner widget is a powerful tool for brands to enhance the visual appeal of their online stores. This widget lets you display a full-width section with an image, a heading, a subheading, and a button to showcase your brand effectively. It can also be used to highlight promotions and offers to attract more customers and increase sales.

The Image Banner widget is a great way to improve the overall shopping experience for your customers. By using visually appealing images and relevant content in the Image Banner, brands can create a more engaging experience for visitors, leading to longer site visits and increased customer retention.

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

STEP 1

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

STEP 2

Click on the Theme settings icon.

STEP 3

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

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.

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

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.

STEP 1

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

STEP 2

Go to Sections, scroll down, and then locate Template.

STEP 3

Click Add section, then choose Image Banner.

STEP 4

Tick the box if you want it to be visible on mobile, desktop, or both.

STEP 5

Go to Section height to adjust the height of the image banner for mobile and desktop views. Select from the dropdown options.

STEP 7

Tick the box if you want the image to Show overlay.

STEP 8

Upload different images for mobile and desktop views. Click Select Image to upload a banner image from your library or explore Shopify's collection of free images.

STEP 10

Go to Image alignment to adjust the alignment of the image for mobile and desktop views. Select from the dropdown options.

STEP 11

Go to Image link to add a link to the image banner. Adding an image link will disable the buttons.

STEP 12

Go to Text position to adjust the position of the content for mobile and desktop views. Choose from Top, Middle, or Bottom options.

STEP 13

Go to Text alignment to adjust the alignment of the content for mobile and desktop views. Choose from Left, Center, Right, or Justify options.

STEP 14

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

STEP 15

Click on the triangle next to Image Banner to reveal the block(s).

STEP 16

Click on Heading block to add a heading text to the section.

STEP 17

Click on Text block to add subheading text to the section. You can further customize the text by selecting the text size.

STEP 18

Click on Buttons block to add buttons to the section. You can further customize the buttons by adding a button label, button link, and selecting a button style.

STEP 19

Click Save to apply the changes.