How to separate related product section from the product description area

Hi there,

The placement is controlled by the WooCommerce plugin itself.

GP only provides the option to display the section (or not).

I would recommend checking with WooCommerce' support team to see if that section can be unhooked and rehooked into your desired section.

I think showing this "Related Products" portion in different color or sections is related to the theme or designing part. Woocommerce is mainly concerned with providing a fixed template to show product descriptions with related product options. I found some solution to hide or display this but distinguishing it from other sections by color or block was not found.

Can you help me out in this matter, please?

Hi Gulrez,

Are you wanting to modify the background of the “Related Products” portion for instance?

If so, you would need to utilize custom CSS. Here is a CSS you may try adding in Appearance > Customize > Additional CSS:

.woo-related-products-container {
    background-color: rgb(0 97 200 / 28%);
}

Other color options for may be modified in Appearance > Customize > Colors > WooCommerce.

Hope this clarifies. If further assistance is needed, kindly let us know. :)