I've tried absolutely everything I can think of to move the bundle options but for some reason they won't move.

When you click the customize and add to cart button it's those options that I want to move to below the button. See below....

enter image description here

In my catalog_product_view.xml I've tried the below and many other combinations:

<move element="product.info" destination="product.info.main" before="-" />

<move element="product.info.form.content" destination="product.info.main" before="-" />

<move element="product.add.form" destination="product.info.main" before="-" />

<move element="bundle.options.container" destination="product.info.main" before="-" />

As a different approach, I tried moving the product description below the bundle options instead:

<move element="product.info.overview" destination="product.info.main" after="product.info" />

<move element="product.info.overview" destination="product.info.main" after="product.info.form.content" />

<move element="product.info.overview" destination="product.info.main" after="product.add.form" />

<move element="product.info.overview" destination="product.info.main" after="bundle.options.container" />

Nothing is working :(

Can someone help me with this please? Many thanks in advance.

Requested catalog_product_view.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">


   <!-- Remove compare products -->
  <referenceBlock name="view.addto.compare" remove="true" />

  <!-- Remove social share links -->
  <referenceBlock name="product.info.social" remove="true" />

  <!-- Move product short description after price  -->
  <move element="product.info.overview" destination="product.info.main" after="-" />

  <!-- Move related products before short description -->
  <move element="catalog.product.related" destination="product.info.main" before="product.info.overview" />

  <referenceContainer name="before.body.end">
      <block class="Magento\Framework\View\Element\Template" name="welpixel.quickview.beforebodyend" template="Magento_Catalog::beforebodyend.phtml" />

  <block class="Magento\Catalog\Block\Product\View\Options\Type\DefaultType" name="product.info.options.default" as="default" template="Magento_Catalog::product/view/options/type/default.phtml"/>

  • can u please share your catalog_product_view.xml file code? – Naresh Rupareliya Dec 16 '19 at 12:54
  • Sure, I've added it to my question above :) – Ordog Dec 16 '19 at 15:12
  • Code posted. check and let me know it's working for you or not – Naresh Rupareliya Dec 16 '19 at 17:13

You just need to add below line in catalog_product_view.xml file

<move element="bundle.options.container" destination="product.info.main" after="customize.button"/>

Hope this will help you!

| improve this answer | |
  • That doesn't work I'm afraid. It's one of the things I listed in my question that I've already tried :( – Ordog Dec 17 '19 at 9:41
  • it's working for me. i have checked and uploaded code here – Naresh Rupareliya Dec 17 '19 at 9:50

Bit late returning here but I found the solution...

It's within the Magento Bundle module so in your theme have the following structure


And within the XML add:

<move element="bundle.options.container" destination="product.info.main" before="catalog.product.related" />

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.