Move Product Attributes Anywhere on WooCommerce Product Page?

  • Resolved mahsunseven

    (@mahsunseven)


    1 month, 3 weeks ago

    When I create product attributes like color or size in WooCommerce, they automatically display above the “Add to Cart” button. This isn’t ideal for my design. I’d prefer to show the attributes in a different section on the product page and only display the variable price above the “Add to Cart” button.

    Could anyone guide me on how to remove the attributes (like color and size) from above the “Add to Cart” button and display them in a separate container, while keeping the “Add to Cart” button in another container using PHP? I want to do this without causing any issues with the functionality.

    Thanks in advance for your help!

Viewing 1 replies (of 1 total)
  • Plugin Support Zubair Zahid (woo-hc)

    (@doublezed2)

    Hello mahsunseven,

    Thank you for contacting WooCommerce support.

    The layout of your product page, including where attributes like color and size are displayed, is largely controlled by your theme. To achieve the changes you’re looking for, you’ll need to modify the page templates in your theme to move the attributes into a different section and leave the “Add to Cart” button as is.

    I recommend reaching out to your theme’s support team for assistance or consulting a developer who can help you customize the page templates using PHP without affecting the functionality.
    I recommend WooExperts for hiring a developer.

    Let us know if you need further assistance!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.