How to move Additional Info button under Add to Cart

专家您好，

 有什么方法可以将产品附加信息按钮移到“添加到购物车”按钮下方？任何帮助将非常感激！

网站网址： https://www.hobbytradecanada.com/gundam-models-X5mCC/p/hgce-198-force-impulse-gundam-1144

15 minutes ago, dawn0305 said:

专家您好，

 有什么方法可以将产品附加信息按钮移到“添加到购物车”按钮下方？任何帮助将非常感激！

网站网址： https://www.hobbytradecanada.com/gundam-models-X5mCC/p/hgce-198-force-impulse-gundam-1144

Add these code on Code Injection panel in Website > Utilities > Website Tools > Code Injection. Add the code on Header section.

<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script>
$(function(){
  $('.view-item .ProductItem-additional').insertAfter($('.view-item .sqs-add-to-cart-button-wrapper'));
})
</script>

It moved but out of alignment

1 minute ago, dawn0305 said:

It moved but out of alignment

You can change the alignment by editing your product Additional Info. See the image 

It looks not work 

3 minutes ago, dawn0305 said:

It looks not work 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.view-item .ProductItem-additional {
  margin-top: 30px !important;
}

It's much better, just need move little bit to the right

3 minutes ago, dawn0305 said:

It's much better, just need move little bit to the right

You can do it by changing this value

It works, thank you so much.