Skip to main content
All CollectionsWidgets
How to Use the Text Column With Images Widget for Debutify Theme Version 7?
How to Use the Text Column With Images Widget for Debutify Theme Version 7?

A guide on how to use the text column with images widget for Debutify Theme Version 7

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

What does the Text Column With Images widget do?

The Text Column With Images is a new widget designed to enhance your store by showcasing text columns alongside images. This widget allows you to effectively display and highlight your products or brand, providing an engaging visual experience for your customers.

With this widget, you can creatively present a combination of textual content and visuals to effectively showcase the unique aspects of your products or brand, ultimately capturing the attention of your audience and enhancing the overall appeal of your store.


How to Enable/Disable Text Column With Images 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 Text Column With Images Settings?

STEP 1

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

STEP 2

Go to a product page by selecting Products, and click Default Product.

STEP 3

Go to Sections, scroll down, and locate Template.

STEP 4

Click Add section, scroll down, and add Text column with images.

STEP 5

Check the boxes to show on mobile, desktop, or both.


How to Customize Style for Text Column With Images Widget?

STEP 1

Go to Section style to select your preferred section style. You can choose from the following options:

STEP 2

Go to Container size to select your preferred container size. Choose from two options: Default or Fluid.


How to Add and Customize Heading and Subheading Texts for Text Column With Images Widget?

STEP 1

Go to Heading and Subheading to add a heading and subheading text.

STEP 2

Go to Heading size to select your preferred heading size. Choose from three options: Small, Medium, or Large.


How to Customize Image Size for Text Column With Images Widget?

STEP 1

Go to Image size to select your preferred image size. You can choose from the following options:


How to Customize Button Style for Text Column With Images Widget?

STEP 1

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


How to Customize Columns for Text Column With Images Widget?

STEP 1

Go to Columns to select the number of columns. Use the slider to make adjustments.


How to Customize Carousel for Text Column With Images Widget?

STEP 1

Check the boxes to show dots, show arrows, or enable autoplay for the carousel.

STEP 2

Go to Autoplay speed to adjust the speed of the autoplay. Use the slider to make adjustments.

STEP 3

Use the sliders to make adjustments for the number of slides to show on desktop and mobile views.


How to Customize Loading Type for Text Column With Images Widget?

STEP 1

Go to Loading type and select your preferred image loading type. Choose from two options: Lazy or Eager.


How to Select a Color Scheme for Text Column With Images 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?


How to Add and Customize Blocks for Text Column With Images Widget?

STEP 1

Click on the triangle next to Text column with images to reveal the block(s).

STEP 2

Click Select Image to upload an image from your library or explore Shopify's collection of free images.

STEP 3

Go to Image link to add a link to the image to redirect users to a specific page when clicked.

STEP 4

Go to Icon to add an icon.

STEP 5

Go to Heading, Subheading, and Text to add a heading, subheading, and body text.

STEP 6

Go to Text alignment and select your preferred alignment style. Choose from these options: Left, Center, Right, or Justify.

STEP 7

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

STEP 8

Go to Button link to add a link to the button to redirect users to a specific page when clicked.

STEP 9

Click Add column to add more columns to your section.


Final Step: Save Your Changes

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

Did this answer your question?