Information Tabs 2
What is the Information Tabs 2?
Did you know that a bad user experience is one of the biggest silent killers of online sales?
The recent study found that 88% of online shoppers say they won't come back to a website after a bad experience. This includes slow page loads, confusing navigation and low-quality or missing product details and images.
If your product page is cluttered, lacks detail, and doesn't have compelling images, potential customers will click away in an instant. It doesn't matter how amazing or well-priced your product is; if you don't fix it, you'll lose their trust for good.
That's why we created the section - Information Tabs 2 to solve that problem. It helps you organize product information neatly in a vertical layout, which has been proven to be much more effective than a horizontal one.
A usability study on product pages showed that 27% of customers tend to ignore product information hidden within horizontal tabs. They are clearly looking for detailed product information, yet they are willing to skip it even when they see it. In contrast, with vertical information tabs, only 8% of customers skipped reading the information—three times less than with horizontal tabs.
Click here to see the link demo ->
How To Install The Information Tabs?
Step 1: In Shopify Admin, going to Smind Section app and find Information Tab 2-1 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 -> Information Tab 2-1
Step 3: Now you can customize for the layout, media, content, color and spacing of this section
General Settings
Container full-width: This toggle switch, currently off, controls the width of the section's container.
Subheading: An optional, smaller title that appears above the main heading.
Heading: The primary title for the entire section.
Heading size: A set of buttons to control the font size of the Heading.
Description: A rich text field for an introductory paragraph that appears below the main heading.
Heading alignment: Aligns the Subheading, Heading, and Description text for the entire section.
Desktop media width: Sets the width of the media on desktop devices.
Desktop media position: Determines the placement of the media relative to the text content within the tabs.
Media ratio: Controls the aspect ratio of the media container.
Media shape: Defines the frame shape for the media.
Autoplay: A toggle switch, currently enabled, to turn the automatic tab-switching feature on or off.
Autoplay timer: A slider that sets the time delay before switching to the next tab.
Color scheme: This is a dropdown menu that allows you to select from a list of preset color.
Top padding: Controls the amount of empty space above the section's content.
Bottom padding: Controls the amount of empty space below the section's content.
Image/ Video Block Settings - Information tabs
Title: This field is for the name of the tab
Image: This is where you select the image that will be displayed when this tab is active.
Cover image: This is a placeholder image that is displayed before the video plays.
Upload video: This option allows you to upload a video file directly from your computer to your Shopify files.
Video URL: You can paste a link to a video hosted on another platform. The field specifies that it accepts YouTube
Autoplay: This is a toggle switch that, when enabled, will cause the video to start playing automatically as soon as the tab is opened
Icon: A dropdown menu to select a pre-loaded icon to display.
Upload icon: If you don't use a pre-loaded icon, you can upload your own custom icon image here.
Icon size: A slider to adjust the display size of the uploaded icon.
Icon background: A color picker to set a background color for the icon.
Heading: The main title for the content within this specific tab.
Heading size: Buttons to control the font size of the Heading text.
Content: A rich text editor for the main body of descriptive text in the tab.
Last updated