WooCommerce Single Products图片不会放大悬停,也不会更改点击图库

时间:2021-11-15 作者:Flagmans

打造WooCommerce电子商店,坚持单一产品形象。它们是绝对静态的。单击gallery中的任何图像时,浏览器会将我链接到包含图像的单独页面,但不会切换主图像。此外,在主图像上不缩放悬停。Here is a website uploaded on server

请帮助找出问题所在。

1 个回复
最合适的回答,由SO网友:SaeedTJ 整理而成

我的解决方案适用于从零开始创建主题的人(不使用WordPress ready主题)

从您的WordPress主题备份转到wp-content/plugins/woocommerce 并找到并复制一个名为templates 进入wp-content/themes/your-theme 并将其重命名为woocommercewoocommerce.php 并在其中添加以下行:

<!DOCTYPE html>
<html lang="en">
<head>
    <?php get_header(); ?>
</head>
<body <?php body_class(); ?>>
    <div class="woocommerce">
        <?php woocommerce_content(); ?>
    </div>
    <?php get_footer(); ?>
</body>
</html>
然后将这些代码添加到主题中functions.php :

<?php
function web_add_woocommerce_support() {
    add_theme_support( \'woocommerce\' );
}
add_theme_support( \'wc-product-gallery-zoom\' );
add_theme_support( \'wc-product-gallery-lightbox\' );
add_theme_support( \'wc-product-gallery-slider\' );
add_action( \'after_setup_theme\', \'web_add_woocommerce_support\' );
?>
注(1):确保single.phppage.php.<注意(2):确保<body> 标签如下:<body <?php body_class(); ?>>

相关推荐

Images with overlay

我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {