Bug enabling option Sticky Product on some products

Hello,

If you turn on this option, the section with description will be sticky when you scroll the page. In case when the description is higher than images, the images section will be fixed instead.

Best Regards

Hello,

Now check back your site and check the issue of how it works.

Best Regards

Hello

Apologies for any confusion. I’m responsible for theme development and will do my best to assist you with this issue. The behavior you’ve described on your site is not a bug; it was intentionally designed to disable the sticky product script when the column height difference is less than 100px. This is implemented in the theme code (as shown here: https://monosnap.com/file/yvSUIIxhRRb1NOAmTcMjZSz7fJORhF) to improve performance in cases where the sticky effect isn’t necessary with nearly identical column heights. This approach also avoids minor content “jumps” when the column height difference is minimal, an issue that cannot be fixed except by disabling the script itself.

When you open the DevTools, the sticky products script reinitializes and functions regardless of the column height difference, but it’s worth noting that this behavior won’t affect the average website visitor.

Since these changes were intentional and are not a bug, they will not be addressed in the theme. However, we can provide a modification to reduce this initial threshold from 100px to 10px. To implement this change on your site, find the following code to the stickyDetails.min.js file located at js/scripts/wc/stickyDetails.min.js in the parent theme and replace it content with the following one:

!function(d){woodmartThemeModule.$document.on("wdHeaderBuilderInited",function(){woodmartThemeModule.stickyDetails()}),woodmartThemeModule.stickyDetails=function(){!d(".single-product-page").hasClass("wd-sticky-on")&&!woodmartThemeModule.$body.hasClass("woodmart-product-sticky-on")||woodmartThemeModule.$window.width()<=1024||d(".entry-summary").each(function(){var e=d(this),t=parseInt(woodmart_settings.sticky_product_details_offset),o=e.find(".summary-inner"),i=e.parent().find(".woocommerce-product-gallery");o.trigger("sticky_kit:detach"),i.trigger("sticky_kit:detach"),i.imagesLoaded(function(){(o.outerHeight()<i.outerHeight()?o:i).stick_in_parent({offset_top:t}),woodmartThemeModule.$window.on("resize",woodmartThemeModule.debounce(function(){woodmartThemeModule.$window.width()<=1024?(o.trigger("sticky_kit:detach"),i.trigger("sticky_kit:detach")):(o.outerHeight()<i.outerHeight()?o:i).stick_in_parent({offset_top:t})},300))})})},d(document).ready(function(){woodmartThemeModule.stickyDetails()})}(jQuery);

Please note that these changes in the parent theme will be overwritten when the theme is updated, but in order to have more flexibility to solve your issue in the next update, we will add a custom filter that will allow you to adjust this initialization threshold. You can add the following custom code in the functions.php file in your child theme to adjust this threshold as needed.

add_filter('woodmart_sticky_product_details_different', function () {
	return 10;
});

It’s also worth mentioning that the next update is planned very soon, approximately next week.

Kind Regards

You are welcome!