Image with text

Setting Description
Navigation title Set a title for the tab, which will be displayed as either a heading or a button, depending on the selected navigation style.
Image

Choose an image for the tab content. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button.

Once an image is added, you can use the “Change” button to remove, or replace it.

Video

You can add a video instead of image for the tab content. Click on “Select Video” to access your media library, or upload a new video. Also, you can connect a dynamic source by clicking the source button.

Once a video is added, you can use the “Change” button to remove, or replace it.

Image ratio

Select an image ratio for image in tab content:

  • Adapt to image – Keep the original image ratio.
  • Portrait – Vertical ratio, taller than wide.
  • Square – Equal width and height.
  • Landscape – Horizontal ratio, wider than tall.
Desktop image position

Adjust the image position on the desktop view:

  • Left: This option displays the image on the left side.
  • Right: This option displays the image on the right side.
Tab content Add content for each tab, such as text. Customers can switch between tabs to view different sections of information, like product details, shipping info, or reviews.
Liquid code Add app snippets or other code to create advanced customizations. Learn more
Button label

Decide whether the tab content include a button:

  • To display the button, enter text into the field as the label.
  • To hide the button, leave the text field empty.
Button link Add a URL or page link for the button, directing customers to a specific destination.
Button style

Choose the button’s appearance:

  • Solid: A fully filled button.
  • Outline: A button with a border and no fill.
  • Inline: A minimal button style aligned with the text.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us