WooCommerce商店页面使用我的定制模板

时间:2013-02-23 作者:NewUser

在提问之前,我想告诉你,我已经在https://stackoverflow.com/questions/15025213/wordpress-woocommerce-template-file-overiding

我正在使用WooCommerce 插件开发网站。WooCommerce一切正常。根据我的要求,我已将我的主页配置为WooCommerce仪表板中的店铺主页,以使我的主页成为店铺页面。现在我的要求是放置一些应该从管理端上传的图像,并在图像上显示一些文本。为了这个功能,我在谷歌上搜索,一些人建议我使用WordPress Advanced Custom Fields. 我刚刚安装了它。

现在我看到WooCommerce没有使用我的自定义主题。它使用自己的自定义主题。因为我想用Advanced Custom Fields plugin, 我真的需要我自己的自定义模板来使用图像和文本的查询。然后我又在谷歌上搜索了一个解决方案,我得到了一个建议,就是复制一个主题的page.php 进入woocommerce.php 然后只需替换代码:

     <?php while ( have_posts() ) : the_post(); ?>

      <?php get_template_part( \'content\', \'page\' ); ?>

      <?php comments_template( \'\', true ); ?>

    <?php endwhile; // end of the loop. ?>

<?php woocommerce_content(); ?>
我做到了,但我仍然没有得到custom fields from Advanced Custom Fields. 所以请帮助我。任何建议和帮助都是值得赞赏的。谢谢

显示图像和文本的高级自定义字段的代码如下:

<?php $product_tab_banner = get_field(\'product_tab_banner\');
    if($product_tab_banner): ?>
   <?php var_dump($product_tab_banner); ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner[\'url\']; ?>" alt="<?php echo $product_tab_banner[\'alt\']; ?>"  width="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-width\'];?>" height="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-height\'];?>" title="<?php echo $product_tab_banner[\'title\']; ?>" />
    </div>
  <?php endif; ?>
我正在使用WordPress TwentyEleven主题。

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

通过回答你的问题,我想告诉你woocommerce 将不使用自定义模板。它将使用自己的模板。如您所愿wordpress advanced custom fields plugin 我想告诉你的是,这项功能只适用于页面和帖子。以便woocommerce 不允许使用您自己的自定义模板您不能使用高级自定义字段功能。

现在就做些不同的事情。只需在想要显示产品的地方制作自己的自定义模板。那就去现场吧http://docs.woothemes.com/document/woocommerce-shortcodes/在这里您可以看到shortcodes 对于woocommerce. 在这里,您可以通过自己的定制轻松显示几乎所有的产品。现在使用这些shortcodes 展示产品。你已经做到了woocommerce 正在使用您自己的自定义模板。现在,由于它是您自己的模板,您可以轻松地使用高级自定义字段。清楚了吗?如果你有什么不明白的地方,请回答我。希望这对你有帮助。

SO网友:brasofilo

我不太确定我是否正确理解了您的问题,但这里是我尝试复制它的地方。

First, 考虑这一部分WooCommerce documentation:

如果要编辑其中一个模板,只需将其复制到名为/woocommerce, 保持相同的文件结构,例如移动/templates/cart/cart.phpthemename/woocommerce/cart/cart.php. 复制的文件现在将覆盖WooCommerce默认模板文件。

Second, 以下是复制步骤:

使用WP 3.5.1、TwentyEleven 1.5、WooCommerce 1.6.6和AdvancedCustomFields 4.0.0在阅读设置中将页面“Shop”设置为静态首页(/wp-admin/options-reading.php)product_tab_banner), 返回值为“Image Object”,并显示在post type“Product”中Solution:

创建以下文件夹:/wp-content/twentyeleven/woocommerce//wp-content/plugins/woocommerce/templates/content-product.php 将代码放入新创建的文件夹中content-product.php

$product_tab_banner = get_field(\'product_tab_banner\');
if($product_tab_banner): ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner[\'url\']; ?>" 
        alt="<?php echo $product_tab_banner[\'alt\']; ?>"  
        width="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-width\'];?>" 
        height="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-height\'];?>" 
        title="<?php echo $product_tab_banner[\'title\']; ?>" />
    </div>
<?php endif; ?>
Here\'s the product page:

product page
点击放大

And here the result in the site:

site result


如果要自定义“Shop”页面,请复制文件/wp-content/plugins/woocommerce/templates/archive-product.php 进入你的主题/woocommerce/ 文件夹

SO网友:Box

请尝试将您使用的插件替换为官方WooCommerce扩展,如“产品附加组件”(http://www.woothemes.com/products/product-add-ons/).

结束

相关推荐

从非核心php文件访问BloInfo、Get_Option和plugins_url

我正在创建一个插件,插件目录中有一个php文件,可以通过自定义重写url直接访问该文件。我需要这个文件能够使用标题中提到的三个功能。目前,我正在包括wp负载。php文件,它使我能够访问所有这些函数。然而,我一直在读到不应该包括wp负载,因为它可能不总是在同一个位置,而且它包括可能不需要的wordpress文件。这就是我如何包含wp负载:$wp_base = explode($_SERVER[\'PHP_SELF\'], $_SERVER[\'SCRIPT_FILENAME\']); require

WooCommerce商店页面使用我的定制模板 - 小码农CODE - 行之有效找到问题解决它

WooCommerce商店页面使用我的定制模板

时间:2013-02-23 作者:NewUser

在提问之前,我想告诉你,我已经在https://stackoverflow.com/questions/15025213/wordpress-woocommerce-template-file-overiding

我正在使用WooCommerce 插件开发网站。WooCommerce一切正常。根据我的要求,我已将我的主页配置为WooCommerce仪表板中的店铺主页,以使我的主页成为店铺页面。现在我的要求是放置一些应该从管理端上传的图像,并在图像上显示一些文本。为了这个功能,我在谷歌上搜索,一些人建议我使用WordPress Advanced Custom Fields. 我刚刚安装了它。

现在我看到WooCommerce没有使用我的自定义主题。它使用自己的自定义主题。因为我想用Advanced Custom Fields plugin, 我真的需要我自己的自定义模板来使用图像和文本的查询。然后我又在谷歌上搜索了一个解决方案,我得到了一个建议,就是复制一个主题的page.php 进入woocommerce.php 然后只需替换代码:

     <?php while ( have_posts() ) : the_post(); ?>

      <?php get_template_part( \'content\', \'page\' ); ?>

      <?php comments_template( \'\', true ); ?>

    <?php endwhile; // end of the loop. ?>

<?php woocommerce_content(); ?>
我做到了,但我仍然没有得到custom fields from Advanced Custom Fields. 所以请帮助我。任何建议和帮助都是值得赞赏的。谢谢

显示图像和文本的高级自定义字段的代码如下:

<?php $product_tab_banner = get_field(\'product_tab_banner\');
    if($product_tab_banner): ?>
   <?php var_dump($product_tab_banner); ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner[\'url\']; ?>" alt="<?php echo $product_tab_banner[\'alt\']; ?>"  width="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-width\'];?>" height="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-height\'];?>" title="<?php echo $product_tab_banner[\'title\']; ?>" />
    </div>
  <?php endif; ?>
我正在使用WordPress TwentyEleven主题。

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

通过回答你的问题,我想告诉你woocommerce 将不使用自定义模板。它将使用自己的模板。如您所愿wordpress advanced custom fields plugin 我想告诉你的是,这项功能只适用于页面和帖子。以便woocommerce 不允许使用您自己的自定义模板您不能使用高级自定义字段功能。

现在就做些不同的事情。只需在想要显示产品的地方制作自己的自定义模板。那就去现场吧http://docs.woothemes.com/document/woocommerce-shortcodes/在这里您可以看到shortcodes 对于woocommerce. 在这里,您可以通过自己的定制轻松显示几乎所有的产品。现在使用这些shortcodes 展示产品。你已经做到了woocommerce 正在使用您自己的自定义模板。现在,由于它是您自己的模板,您可以轻松地使用高级自定义字段。清楚了吗?如果你有什么不明白的地方,请回答我。希望这对你有帮助。

SO网友:brasofilo

我不太确定我是否正确理解了您的问题,但这里是我尝试复制它的地方。

First, 考虑这一部分WooCommerce documentation:

如果要编辑其中一个模板,只需将其复制到名为/woocommerce, 保持相同的文件结构,例如移动/templates/cart/cart.phpthemename/woocommerce/cart/cart.php. 复制的文件现在将覆盖WooCommerce默认模板文件。

Second, 以下是复制步骤:

使用WP 3.5.1、TwentyEleven 1.5、WooCommerce 1.6.6和AdvancedCustomFields 4.0.0在阅读设置中将页面“Shop”设置为静态首页(/wp-admin/options-reading.php)product_tab_banner), 返回值为“Image Object”,并显示在post type“Product”中Solution:

创建以下文件夹:/wp-content/twentyeleven/woocommerce//wp-content/plugins/woocommerce/templates/content-product.php 将代码放入新创建的文件夹中content-product.php

$product_tab_banner = get_field(\'product_tab_banner\');
if($product_tab_banner): ?>
    <div class="nt-highlighted-products">
    <img src="<?php echo $product_tab_banner[\'url\']; ?>" 
        alt="<?php echo $product_tab_banner[\'alt\']; ?>"  
        width="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-width\'];?>" 
        height="<?php echo $product_tab_banner[\'sizes\'][\'featured_product-height\'];?>" 
        title="<?php echo $product_tab_banner[\'title\']; ?>" />
    </div>
<?php endif; ?>
Here\'s the product page:

product page
点击放大

And here the result in the site:

site result


如果要自定义“Shop”页面,请复制文件/wp-content/plugins/woocommerce/templates/archive-product.php 进入你的主题/woocommerce/ 文件夹

SO网友:Box

请尝试将您使用的插件替换为官方WooCommerce扩展,如“产品附加组件”(http://www.woothemes.com/products/product-add-ons/).