Woocommerce产品类别模板

时间:2018-06-22 04:42:48

标签: wordpress woocommerce shortcode

我想创建一个与woocommerce产品类别模板(请参考下图)设计相同的页面模板,并在我的自定义页面模板中按类别显示。如何开始我是woocommerce的新手。

default product category template design

1 个答案:

答案 0 :(得分:0)

首先在主题文件夹中创建页面模板。请检查以下步骤。

1)在主题文件夹中添加 mynewtemplate.php

2)在新创建的文件中添加<div class="col-md-2" > <input type="file" id="file1" name="file" ng-model="searchData" ng-files="getFiles($files)" multiple/> </div> <div class="col-md-2" style="padding:17px 0px 0px 55px"> <button type="button" ng-click="uploadFile()" ng-disabled="!flag">SUBMIT</button> <button type="button" ng-click="clearFile()">CLEAR</button> </div> 。有关更多信息,请参见http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/

3)在管理端添加新页面,然后选择var formData = new FormData(); $scope.getFiles = function ($files) { var data = $files; if (data.length > 0) { formData.append('file1',data[0]); var allData = formData.get('file1'); var filename = allData.name; // Here we will get file name with type csvCheck = filename.substr(-4); // Here I am selecting the last four char, i.e (.csv) if (csvCheck === ".csv") { $scope.flag = true; } } else { $scope.flag = false; } $timeout($scope.time(), 500); }; 模板。

4)您可以在页面编辑器中添加以下代码。 有可用的短代码列表。

<?php /* Template Name: My new template*/ ?>

https://docs.woocommerce.com/document/woocommerce-product-search/shortcodes/检查更多信息。

5)如果您不想在页面内容区域中添加此代码,请在 mynewtemplate.php

中添加代码
My new template

希望这会对您有所帮助。