我想创建一个与woocommerce产品类别模板（请参考下图）设计相同的页面模板，并在我的自定义页面模板中按类别显示。如何开始我是woocommerce的新手。
答案 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希望这会对您有所帮助。