Sticky Preview is the ability to keep the preview on the top of the page while scrolling through the options. While Sticky Preview is enabled, the preview will "stick" to the screen even as the user scrolls up or down the page.

To enable sticky preview

  1. Go to your Storefront menu on BigCommerce
  2. Go to the Script Manager section
  3. Click create a script
  4. Name your script customily storefront options and copy the following configuration
  5. Paste the following code in the script contents and save the script
window.customily = window.customily || {};
window.customily.stickyPreview = true;
window.customily.stickyLeftContainer = 'preview parent element';
window.customily.stickyRightContainer = 'form parent element';
window.customily.stickyMarginTop = 200;
Important:
This script enables and disables several features, such as zoom on hover, uploaded images cover and sticky preview. To enable sticky preview, make sure stickyPreview is set to true, like this:

window.customily.stickyPreview = true;

To disable sticky preview, instead set stickyPreview to false.

Share

Was this article helpful?

0 out of 1 found this helpful
Have more questions? Submit a request