Magento2 How to Show Sepereatly Configurable Product attribute and Product Custom Options

Question

Into Magento2 Configurable Product I want to add a Customizable Options.

But both the Configurable Product and Customizable option display into the same class.

Please check first size option is configurable option and second size is a product customizable option.

I want to product customizable option into the new div and display both in a sepreatly.

Answer 1

Check

https://github.com/magento/magento2/blob/2.3-develop/app/code/Magento/Catalog/view/frontend/templates/product/view/options.phtml#L27 T

This is applicable for rendering custom options you can override it and customize as per your need.

Check block product.info.options for Custom Options and product.info.options.wrapper for Configurable Swatches. You can override layout and create custom container with So that you can customize HTML structure.