在 Woocommerce 的不同页面上加载 flexslider答案

【问题标题】：Load flexslider on different page in Woocommerce在 Woocommerce 的不同页面上加载 flexslider
【发布时间】：2021-03-23 00:53:53
【问题描述】：

我已经使用这个简码在我的主页上加载了一个产品

<?php echo do_shortcode('[product_page id="195"]');?>

它会在产品下方和右侧产品标题、价格、数量和添加到购物车按钮上加载带有主图像和小缩略图的产品。这是我需要的。但是图像没有滑动功能或缩放功能。据我所知，如果您查看特定的产品页面，它会在产品图像上加载 flex 滑块和 jquery 缩放插件，以便它们可以像轮播一样滑动并单击它们来缩放图像。

知道如何在我的主页上使用此功能吗？

【问题讨论】：

标签： jquery wordpress woocommerce

【解决方案1】：

我设法使用以下代码解决了这个问题。

// Enqueue/Add CSS and JS files
function amd_enqueue(){
  // here home-page.php is the name of the template where it needs to load
  if(is_page_template("home-page.php")){
      wp_enqueue_script('zoom');
      wp_enqueue_script('flexslider');
      wp_enqueue_script('photoswipe-ui-default');
      wp_enqueue_style('photoswipe-default-skin');
      add_action( 'wp_footer', 'woocommerce_photoswipe' );
  }
}

add_action( 'wp_enqueue_scripts', 'amd_enqueue' );

【讨论】：

【解决方案2】：

使用默认主题二十二十并使用相同的短代码（所有插件和主题都是最新的）进行测试，它工作正常。这通常源于自定义主题或插件冲突。

尝试更改为默认主题以测试它是否可以在您使用的主题之外工作。

关于插件，禁用所有不需要的东西，然后尝试一次启用一个。

同样，发布相关网站的开发版或暂存版本的链接也会有所帮助。

【讨论】：