[Resolved] Making pricing box sticky Woocommerce

[siddardha thammana]

Hello,

I want to make the pricing box of woocommerce product page sticky like on this page
https://freescout.net/module/time-tracking/

How can I do so?

Thanks

[Leo]

Hi there,

How are you adding the pricing box?

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[siddardha thammana]

Hi Leo,

I updated the link.
Its a newly setup staging site and has only the normal Woocommerce product page.

I was able to achieve something similar by creating a sidebar widget with the product shortcode in the sidebar. However I have to create a new sidebar for every product with its unique shortcode. Also all the content in the widget has to be created in HTML. Looking for something that saves time.

Thanks

[Leo]

I’m not aware of a solution to this unfortunately.

Maybe look into there is a plugin that can do this?

You might need to check with WooCommerce support on this.

[siddardha thammana]

I was wondering if we can achieve this by creating a Woocommerce product template..

If it is the solution, can you tell me which files I will need to edit/add/create in my child theme?

[Leo]

Maybe this would help?
https://docs.woocommerce.com/document/template-structure/

[siddardha thammana]

I will check it out
Thanks

[Leo]

No problem 🙂

[siddardha thammana]

I was able to achieve it

On a normal woocommerce product page, without any sidebar, I set the the featured image size to 70% using the customizer options and set the tabs width to 70% using the CSS

.woocommerce-tabs {
width:70%; !important
}

Using this plugin I set the pricing box as Sticky
https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

[Leo]

Glad to hear and thanks for sharing!

[Author]

Posts