הצגת גלריית מוצרים בצורה אנכית בעמוד מוצר

@media (min-width: 768px) {
  .woocommerce-product-gallery .flex-viewport {
    width: 80%;
    float: left;
  }

  .woocommerce-product-gallery .flex-control-thumbs {
    width: 20%;
  }

  .flex-control-thumbs {
    display: flex;
    flex-direction: column;
  }

  .woocommerce div.product div.images .flex-control-thumbs li {
    width:100%;}
}