How can I implement a vertical carousel on Dawn?

[EmmaButler]

Instead of the carousel being underneath my main product image horizontally, I want it on the side, going vertically. How do I do this? There is another thread but the code didn't work. Any update?

[Ujjaval]

@EmmaButler Can you provide your store urL?

[NomtechSolution]

Certainly! Here's an example code snippet to help you get started with a vertical carousel positioned on the side of your main product image:

<div class="product-container">
  <div class="product-image">
    <!-- Your main product image HTML here -->
  </div>
  <div class="vertical-carousel">
    <!-- Your vertical carousel HTML here -->
  </div>
</div>

.product-container {
  display: flex;
}

.product-image {
  /* CSS styles for your main product image */
  /* Adjust width, height, margin, etc. as needed */
}

.vertical-carousel {
  /* CSS styles for your vertical carousel */
  /* Adjust width, height, margin, etc. as needed */
}

[MRamzan]

Display thumbnail images to vertical: