Image With Text 8
So, you run a store selling home electronics and you've got a ton of products, right? Each one has a bunch of features and uses that you need to explain, but you don't want to bury your customers in a wall of text.
If you're looking for a way to show everything off in a clean, visual way that actually makes sense, you're in the right spot.
We get it. The old way of just listing features one after another is boring. It makes for a super long page, and customers have to keep scrolling and scrolling. Chances are, they'll leave out and forget what they just read.

That's why we created a new section we call Image With Text #8. It’s interactive. When a customer clicks on a headline for a feature, the picture right next to it changes to match. It’s all laid out neatly, with the image and text sitting side-by-side.
This simple interaction puts the customer in charge. They get to decide what they want to learn about, which feels way better than being forced to dig for information. It keeps them happy and engaged, which is exactly what you want.
Click here to see the link demo ->
How To Install The Image With Text 8?
Step 1: In Shopify Admin, going to Smind Section app and find Image With Text 8 in Section tab of Library. Click Install and Customize it.

Step 2: Going to Shopify Editor sidebar, choose any page template and click Add Section -> Image With Text 8

Step 3: Now you can customize for the layout, media, content, color and spacing of this section.
General Settings
Layout: This setting defines the overall width and spacing of the section on the page. (Boxed/ Full Width).

Subheading: An optional, smaller line of text.
Heading: The primary title for the section.
Heading size: Determines the font size of the main Heading. (Extra Small/ Small/ Medium/ Large)
Description: A rich text field for providing more detailed information.
Heading alignment: Sets the horizontal alignment for all the text in the Heading block

Media ratio: This controls the aspect ratio of the media (images or videos) used within the section's blocks.

Auto rotate slides: A toggle switch that, when enabled, automatically cycles through the slides.
Change slides every: A slider that sets the time delay between slide transitions.

Section color scheme: This color scheme applies to the border and shadow of the content cards within the section.
Content color scheme: This scheme applies to the text and background colors of the content itself.

Top padding: This slider controls the amount of empty space at the top of the section, inside its border
Bottom padding: This slider controls the amount of empty space at the bottom of the section.

Block Settings - Image With Text 8
Icon: A dropdown menu to select a predefined icon from the theme's library.
Upload icon: An uploader to add a custom icon image. You can select an existing file or upload a new one.
Icon size: A slider that adjusts the display size of the icon.
Icon background: A color selector for the background of the icon.

Heading: A text field for the title of the item.
Heading size: Buttons to set the font size for the heading.
Content: A rich text editor for the descriptive body text.

Media options: Toggles to choose the type of media to display (Image/Video).
Image: An uploader for the primary image for this block.
Mobile image (optional): An optional uploader to provide a different image that will be displayed specifically on mobile devices.

Last updated