Seeking similar solution

Site URL: https://recuerda.co

Hey!

I'm looking for solution to make the product variants and the add to cart button sit above the product description, rather than below the product description, as they are now. In the images you can see how I would like it and how it is currently.

Any ideas?

Thanks :)

3 hours ago, jimwoons said:

Site URL: https://recuerda.co

Hey!

I'm looking for solution to make the product variants and the add to cart button sit above the product description, rather than below the product description, as they are now. In the images you can see how I would like it and how it is currently.

Any ideas?

Thanks 🙂

try

@media screen and (min-width: 768px) {
  .ProductItem-details .ProductItem-details-checkout {
      display: block;
      display: flex;
  }  
}
.collection-type-products .ProductItem-details .ProductItem-details-excerpt {
  -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
}
.collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input {
  -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    margin-bottom: 25px;
    display: block;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    width: 50%;
}

You nailed it! Thanks @bangank36 :)