Pro Container Above Woo Commerce Product

Hi there,

On my site, I would like to move the Pro container out of the description tab and above the product. Please advise if this is possible.

Kind regards,

Hi again,

Thanks for writing around! You want to move the entire content from the tab above the product? If yes then please add the following script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.single .woocommerce-tabs .cs-content').insertBefore('.single-product.woocommerce .entry-wrap>.entry-content:first-child .product');
});

Hope this helps!

Amazing! Thank you

The description section at the bottom is showing empty now. How do I remove that?

Also can I make the Pro container full width?

How do I remove the shop square?

And is it possible to put an id to the Book Your Seat button?

Hey @buildingblochs,

To remove the square, please add this to Appearance > Theme Options > Global CSS

.entry-top-navigation {
    display: none;
}

You can add an ID to the button like this.

For more button attributes, please see http://demo.theme.co/integrity-1/shortcodes/buttons/

Thanks.

Great thanks! Can I make the PRO container full width?

Hi there,

You can not make only the Pro Editor section full width. You need to make the whole page full width. To do so please add the CSS code below to X > Launch > Options > CSS:

.single-product .x-container  {
	max-width: 100% !important;
	width:  100% !important;
}

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.