首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >理解woocommerce主题-使用我自己的主题

理解woocommerce主题-使用我自己的主题
EN

Stack Overflow用户
提问于 2017-04-27 13:58:50
回答 1查看 709关注 0票数 0

新闻:在上面的答案之后,我可以改变一些,但我仍然无法改变我所需要的一切。现在的大问题是:

  • 如何删除操作的内容(@钩子)并将其放入新的钩子中。我能这么做吗?例如:
  • woocommerce_single_product_summary带来 * woocommerce_single_product_summary钩子。**@钩子woocommerce_template_single_title -5*@钩子woocommerce_template_single_rating - 10 *钩woocommerce_template_single_price - 10 *钩woocommerce_template_single_excerpt - 20 *@钩子woocommerce_template_single_add_to_cart - 30 *钩woocommerce_template_single_meta - 40 *@钩子woocommerce_template_single_sharing - 50 *@钩子WC_Structured_Data::generate_product_data() - 60

我想删除(我知道我必须使用删除(动作)来完成它。把这些内容放到一个新的钩子里:

  • woocommerce_single_product_summary带来了 *@钩子woocommerce_template_single_title -5*@钩子woocommerce_template_single_rating - 10 *@钩子woocommerce_template_single_price - 10
代码语言:javascript
运行
复制
- And a new hook "woocommerce\_single\_product\_NEW with
  \* @hooked woocommerce\_template\_single\_excerpt - 20      \* @hooked woocommerce\_template\_single\_add\_to\_cart - 30      \* @hooked woocommerce\_template\_single\_meta - 40      \* @hooked woocommerce\_template\_single\_sharing - 50

我该怎么做呢?

我的页面现在看起来如下:

谢谢!

我是一个小男孩,学习PHP制作我自己的Wordpress主题。今天,这不是什么大事,但我有一个新的项目,我尝试使用woocommerce插件。

我的页眉、侧边栏和页脚工作得很好,但我无法准确地理解如何添加自己的主题来设计单一的产品页面和其他woocommerce页面,因为我不知道钩子和函数是如何带来内容的。

我的目标是:

1)将我的单页产品的所有内容更改如下:

我的代码:

代码语言:javascript
运行
复制
<?php
		/**
		 * woocommerce_before_main_content hook.
		 *
		 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
		 * @hooked woocommerce_breadcrumb - 20
		 * @hooked WC_Structured_Data::generate_website_data() - 30
		 */
		do_action( 'woocommerce_before_main_content' );
	?>

  <!-- CLOSE - Shows the path of my site Inicio / Shop -->


  <!-- PAge Title -->


  <header class="woocommerce-products-header">

    <?php if ( apply_filters( 'woocommerce_show_page_title', true ) ) : ?>

    <h1 class="woocommerce-products-header__title page-title">
      <?php woocommerce_page_title(); ?>
    </h1>

    <?php endif; ?>

    <!-- Close PAge Title -->


    <!-- Não mostra nada nesse momento -->


    <?php
			/**
			 * woocommerce_archive_description hook.
			 *
			 * @hooked woocommerce_taxonomy_archive_description - 10
			 * @hooked woocommerce_product_archive_description - 10
			 */
			do_action( 'woocommerce_archive_description' );
		?>

      <!-- Fecha - Não mostra nada nesse momento -->

  </header>


  <?php if ( have_posts() ) : ?>

  <?php
				/**
				 * woocommerce_before_shop_loop hook.
				 *
				 * @hooked wc_print_notices - 10
				 * @hooked woocommerce_result_count - 20
				 * @hooked woocommerce_catalog_ordering - 30
				 */
				do_action( 'woocommerce_before_shop_loop' );
			?>

    <?php woocommerce_product_loop_start(); ?>

    <?php woocommerce_product_subcategories(); ?>

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

    <?php
						/**
						 * woocommerce_shop_loop hook.
						 *
						 * @hooked WC_Structured_Data::generate_product_data() - 10
						 */
						do_action( 'woocommerce_shop_loop' );
					?>

      <?php wc_get_template_part( 'content', 'product' ); ?>

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

      <?php woocommerce_product_loop_end(); ?>

      <?php
				/**
				 * woocommerce_after_shop_loop hook.
				 *
				 * @hooked woocommerce_pagination - 10
				 */
				do_action( 'woocommerce_after_shop_loop' );
			?>

        <?php elseif ( ! woocommerce_product_subcategories( array( 'before' => woocommerce_product_loop_start( false ), 'after' => woocommerce_product_loop_end( false ) ) ) ) : ?>

        <?php
				/**
				 * woocommerce_no_products_found hook.
				 *
				 * @hooked wc_no_products_found - 10
				 */
				do_action( 'woocommerce_no_products_found' );
			?>

          <?php endif; ?>

          <?php
		/**
		 * woocommerce_after_main_content hook.
		 *
		 * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
		 */
		do_action( 'woocommerce_after_main_content' );
	?>



            <?php get_footer( 'shop' ); ?>

To类似的东西:

我已经知道这部分带来的内容,但我想了解如何改变它的每一个平静。

如果有人能帮我,或者只是链接到这里的一些文档,我会接受这么多。

Tks!

EN

回答 1

Stack Overflow用户

发布于 2017-04-30 13:01:48

如果您想将woocommerce修改为您的主题,只需按照说明操作即可。首先,在主题中添加woocommerce支持。

代码语言:javascript
运行
复制
add_theme_support( 'woocommerce' );

WooCommerce插件附带了许多前端的HTML模板以及电子邮件模板。不要直接在插件中编辑这些文件(这是一个非常糟糕的主意,因为一旦更新插件,您的所有更改都会丢失!),您可以将它们复制到您的主题中:

  1. 在主题目录中,创建一个名为“woocommerce”的新文件夹。
  2. 导航到WooCommerce插件目录并打开“模板”文件夹。“模板”文件夹中有许多子文件夹,其中包含WooCommerce使用的所有不同模板。幸运的是,WooCommerce中的模板文件结构和命名很容易遵循。
  3. 在新创建的"woocommerce“文件夹中,复制要编辑的模板文件。请记住,这里的目录结构保持不变。如果要编辑的模板在子文件夹中,请记住在主题目录中创建该子文件夹。
  4. 从您的“woocommerce”文件夹中编辑该文件并保存更改。

那么,假设我们希望在WooCommerce的“My”屏幕中更改一些HTML。

我们需要做的第一件事是找到正确的模板。在本例中,“My”部分位于WooCommerce中的“My Account”之下。目录结构如下所示:

代码语言:javascript
运行
复制
/wp-content/plugins/woocommerce/templates/myaccount/my-orders.php

接下来,在主题中创建一个名为“woocommerce”的文件夹,并在该文件夹中创建第二个名为“myaccount”的文件夹。然后,将my-orders.php文件复制到该目录中。

你应该有以下几点:

代码语言:javascript
运行
复制
/wp-content/themes/yourtheme/woocommerce/myaccount/my-orders.php

对此文件所做的任何更改现在都将覆盖原始文件。

帮助链接:https://code.tutsplus.com/articles/an-introduction-to-theming-woocommerce-for-wordpress--wp-31577

https://slicejack.com/creating-custom-woocommerce-themes/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43660014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档