打造WooCommerce电子商店,坚持单一产品形象。它们是绝对静态的。单击gallery中的任何图像时,浏览器会将我链接到包含图像的单独页面,但不会切换主图像。此外,在主图像上不缩放悬停。Here is a website uploaded on server
请帮助找出问题所在。
打造WooCommerce电子商店,坚持单一产品形象。它们是绝对静态的。单击gallery中的任何图像时,浏览器会将我链接到包含图像的单独页面,但不会切换主图像。此外,在主图像上不缩放悬停。Here is a website uploaded on server
请帮助找出问题所在。
我的解决方案适用于从零开始创建主题的人(不使用WordPress ready主题)
从您的WordPress主题备份转到wp-content/plugins/woocommerce
并找到并复制一个名为templates
进入wp-content/themes/your-theme
并将其重命名为woocommerce
woocommerce.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.php
和page.php
.<注意(2):确保<body>
标签如下:<body <?php body_class(); ?>>
我有一些图片在一个容器中,我想添加一个覆盖和图标。这不是现成的,但我找到了一些有用的代码:HTML:<div class=\"main\"> <span class=\"featured\"><img src=\"http://joshrodg.com/IMG_001-258x258.jpg\" title=\"\" alt=\"\"></span> </div> CSS:.featured {