Image With Text 7
What is the Image With Text 7?
Visual elements is a crucial part of your Shopify store because they strongly influence the customer's consumer behavior. Everyone know this, but only few pay close attention to it, especially new business owners.
Think about it – a great product image is worth way more than a long, boring description. When people land on your site, what do they look at first? The pictures. Always. If the photos are good, they'll stick around. Text provides the details, but the image makes the sale.
Now, what if you could make that experience even better by letting them interact with the image, you will create a memorable and positive journey for your customers for sure. Customers will hang out longer, browse more, and before you know it, they're making a purchase.
That's exactly why we built this feature. We call it "Image With Text #7," and it uses a cool parallax scrolling effect to seriously upgrade the user experience.
Here’s how it works: as you scroll, the product photo and its description change together. We also made the image "sticky," so it stays put while you scroll. Move your mouse up or down, and the text will fade as the next image slides into view.
Click here to see the link demo ->
How To Install The Image With Text 7?
Step 1: In Shopify Admin, going to Smind Section app and find Image With Text 7 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 7
Step 3: Now you can customize for the layout, media, content, color and spacing of this section
General Settings
Layout: The setting determines the overall width of the section's content on the page.
Desktop media width: This determines the width of the image on desktop devices. The available options are Small/ Medium/ Large size.
Desktop media position: This controls the alignment of the image relative to the text on larger screens. Left: Places the image to the left of the text. Right: Places the image to the right of the text.
Media ratio: This sets the aspect ratio of the image.
Media shape: This setting defines the shape of the image.
Content position: This aligns the block of text vertically.
Content alignment: This determines the horizontal alignment of the text itself.
Content max-width: A slider sets the maximum width for the text content. This helps in maintaining readability by controlling the length of the text lines.
Color Scheme: You can use the color scheme here to change the color for the section, like changing the text color.
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 7
Image: You can upload an image from your device or select one from your Shopify files
Subheading: A field for a smaller, introductory piece of text that appears above the main heading
Heading: This is the main title for the section.
Heading size: These buttons control the font size of the Heading text.
Description: A rich text editor for the main body of text. This field provides more detailed information
Button label: This field sets the text that is displayed on the button.
Button link: This is where you specify the destination URL for the button
Button style: This determines the visual appearance of the button. (Solid/Outline/Text)
Button full-width: This is a toggle switch that, when enabled, will make the button expand to fill the entire width of its container
Last updated