Woocommerce店面-粘性产品页面库

Question

我正在使用Storefront，这是Woocommerce的“ Woo”主题。我试图将图片库设置为“粘性”。目前仅包含1个项目。我的计划是使该商品沿着产品页面描述/添加到购物车部分的旁边向下滚动，这在我的网站上非常复杂且漫长。

我的网站目前无法正常运行，因此这是店面演示： https://themes.woocommerce.com/storefront/product/lowepro-slingshot-edge-250-aw/

我从这里开始使用Sticky的基本解释： https://www.w3schools.com/howto/howto_css_sticky_element.asp

在逻辑上，我想像这样尝试并应用

.woocommerce-product-gallery {
position: sticky!important;
top: 0!important;
}

这并不能解决问题，因此我尝试定位其他各种元素：

woocommerce-product-gallery__wrapper

woocommerce-product-gallery__image

均无效。也许答案是增加该画廊专栏的高度，但我想做到这一点而又不影响店面画廊的正常功能。重要的是如果我以后要添加多张图片。

如果有人可以看到Storefront和Sticky物品的明显问题，请告诉我。谢谢。

Answer 1

答案是通过http://dinbror.dk/blog/help-css-position-sticky-doesnt-work-solved/

传给我的

Woocommerce（或店面）主体在少数位置具有上述溢出用法。

body.single-product,
body.single-product #page,
body.single-product .product {
overflow: visible!important;
}

因此，请根据我原来的 SO 查询，删除相关的溢出语句（上面的代码段对我有用）和Woocommerce / Storefront画廊的“棍子”。

已解决。