"Add to Bundle" Buttons Underneath Product

In many of our discussions with our merchant partners, there is a desire to have the Add to Bundle buttons and options be set so it sits below the product (vs. needing to hover over the product to add it to the bundle).

Example:

There is an easy way to do this, but you'll have to do some simple coding to get there!

Go to your Shopify admin.
Head to Online Store > Themes > Edit Code
In the code editor, click through to theme.liquid on the left hand side. This will open the general liquid code for your theme.
Most themes will have all the code nestled within the <body></body> tags. Copy and paste the below code right before the closing </body> tag and Save Changes.

{% if request.path contains 'bundle-builder' %} 
<style> 
.product-card .bdlr__product--qty {
  position: static !important;
  opacity: 1 !important;
  top: 0;
  left: 0;
  transform: translate(0%);
}
</style> 
{%endif%}

If there are any questions on how to custom style your Bundle page, please reach out support@soviapps.com and we'll do our best to assist.