Component Tailwind Product Tabs

This Component is used to show the product tabs functionality with Tailind CSS

Live Preview Link: https://levi.in/?preview_theme_id=168420475170

Features

• Feature 1 [Option to show / hide slider dots and Arrows]

Dependencies

• Dependency 1 [Splide slider (https://splidejs.com/)*]
• Dependency 2 [Need to have the carousel.js file in your assets. Feel free to edit the functionality]

Implementation Steps

• Step 1:

  Navigate to theme.liquid file under Layout folder

• Step 2:

  Add the below code / Copy the code from src folder and paste it in theme.liquid file just above closing of </body> tag

Important Notes

• The component employs its own styling for the grid system. For further optimization, consider using the classes provided by the theme.
• The component utilizes the splide.js slider. If your theme already includes a different slider library, you should consider using that to maintain consistency.