Drawer tab

Drawer tab adds an interactive, slide-out panel to the Product information section, ideal for presenting extended details like size guides, shipping policies, or additional media. The tab expands into a partial-width drawer upon interaction, ensuring a focused and immersive user experience.

Settings:

1. Icon: adds an optional icon to the left of the heading to draw attention or visually indicate the tab's purpose.

2. Heading: The title of the drawer tab. The heading remains visible, serving as the trigger for opening the drawer. If left blank, the block will not appear on the product page.

3. Tab content: adds detailed content such as FAQs, policies, or product-specific notes to the drawer panel.

4. Tab content from page: Allows the tab content to be pulled from an existing Shopify page. Overrides any content entered in the Tab content field. Ideal for maintaining consistent information across multiple product pages.

5. Image: Adds an optional image to the drawer panel for visual support. The image displays below the Heading and above the Tab Content.

6. Image height: Adjusts the height of the uploaded image for optimal display within the drawer: Small, Medium, Large.

7. Button: Enter the text for the button displayed at the bottom of the drawer. Assign a URL or page link for the button. Choose the button's style to match your store's design theme: Solid or Outline.