Woocommerce:我想在fancybox中只显示带有描述的产品图库图像

时间:2014-05-27 14:10:31

标签: wordpress wordpress-plugin woocommerce

我是woocommerce的新手。我需要一个PHP代码,在fancybox中只显示带有描述的产品库图片。

请帮助

2 个答案:

答案 0 :(得分:4)

您是否已将woocommerce中的'templates'文件夹复制到您自己的自定义模板文件夹中?如果没有,请这样做。

在该文件夹中,创建一个名为“woo-functions.php”的文件或类似的文件。在你的functions.php中需要这样的文件:require_once('woocommerce/woo-functions.php'); (在这种情况下,我将'templates'文件夹重命名为'woocommerce'。

在woo-functions文件中,您可以删除woocommerce正在使用的钩子。例如,如果要删除面包屑,请执行以下操作:

remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0 );

或者,删除价格,元数据和分享内容等内容:

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

所有这些都可以在构建woocommerce的各个页面上找到。例如,您可能主要想要自定义'content-single-product.php'文件。这是构建大多数产品页面的地方。 'remove_actions'也可以在那里设置,但是这种方法更清晰。

在'content-single-product.php'文件中,您也可以自定义标记。所以这可能就是你想要你的fancybox div的地方。


额外信息:

http://docs.woothemes.com/documentation/plugins/woocommerce/woocommerce-codex/theming/
http://docs.woothemes.com/document/hooks/

答案 1 :(得分:2)

谢谢吕克 这也适用于short-description.php:     

<div class="moreinfo-title"><?php the_title(); ?></div>
<div itemprop="description">
<div class="moreinfo-description"><?php the_content(); ?></div>
</div>
<div id="moreinfo-thumbnails"><?php do_action( 'woocommerce_product_thumbnails' ); ?>