Question

我是网站上的新人。我在揭开自己的wordpress主题时遇到了问题。我已经安装了名为Woocommerce图像缩放的wordpress插件。悬停缩放功能无效。在其他主题中它很好。它是一个唯一的安装和使用插件，但我认为在我的主题我必须做一些更改或必须添加一些JavaScript代码？我使用jquery，bootstrap js和自带js文件的代码很少。有人可以帮助我，我该怎么办？我在哪里可以开始？

第二个问题是如何在没有插件的情况下更改单个产品页面布局？我想插入bootstrap列类。我想在左栏和另一栏（右栏上的属性，订单按钮等）上显示图像。我怎么能这样做？

由于安德鲁

Answer 1

至于Woocommerce图像缩放，必须有一个与插件冲突的javascript，因此阻止它形成工作。为此，请检查控制台中是否有任何错误。请参阅此处https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors

可能它与我们的主题不兼容，它与您正在使用的主题不兼容。请停用主题并在WordPress默认主题（WordPress 2017主题）上试一试，看它是否有效。

关于第二个问题： 您可以做的是将 single-product.php 模板复制到子主题中的WooCommerce文件夹。更改文件名并修改文件，然后将single_template或template_include与正确的条件标记一起使用，如下所示：

single_template

function get_custom_post_type_template($single_template) {
 global $post;

 if ($post->post_type == 'product') {
      $single_template = dirname( __FILE__ ) . '/single-template.php';
 }
 return $single_template;
}
add_filter( 'single_template', 'get_custom_post_type_template' );

template_include

add_filter( 'template_include', 'portfolio_page_template', 99 );

function portfolio_page_template( $template ) {

    if ( is_page( 'slug' )  ) {
        $new_template = locate_template( array( 'single-template.php' ) );
        if ( '' != $new_template ) {
            return $new_template ;
        }
    }

    return $template;
}

WooCommerce图像缩放

1 个答案: