首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在自定义页面模板(而不是产品档案)上显示带有自定义wp_query或产品列表的woocommerce产品排序选项

在自定义页面模板上显示带有自定义wp_query或产品列表的WooCommerce产品排序选项,您可以按照以下步骤进行操作:

  1. 创建自定义页面模板:首先,您需要创建一个自定义页面模板,可以使用WordPress提供的模板文件功能。您可以在主题文件夹中创建一个新的PHP文件,并在文件开头添加以下代码来创建一个自定义页面模板:
代码语言:txt
复制
/*
Template Name: Custom WooCommerce Template
*/

您可以根据需要自定义模板名称。

  1. 添加自定义wp_query或产品列表:在自定义页面模板中,您可以使用自定义wp_query或产品列表来获取所需的产品数据。例如,使用自定义wp_query,您可以按照特定的条件和排序规则来获取产品数据。以下是一个示例代码片段,展示如何使用自定义wp_query来获取产品数据:
代码语言:txt
复制
$args = array(
    'post_type' => 'product',
    'posts_per_page' => 10,
    'orderby' => 'title',
    'order' => 'ASC',
);

$products_query = new WP_Query( $args );

if ( $products_query->have_posts() ) {
    while ( $products_query->have_posts() ) {
        $products_query->the_post();
        // 在这里显示产品信息
    }
    wp_reset_postdata();
} else {
    // 没有找到产品
}

您可以根据需要自定义wp_query参数和产品显示方式。

  1. 添加产品排序选项:为了在自定义页面模板上显示产品排序选项,您可以使用WooCommerce提供的函数和筛选器。以下是一个示例代码片段,展示如何添加产品排序选项:
代码语言:txt
复制
add_action( 'woocommerce_before_shop_loop', 'custom_woocommerce_sorting_options', 20 );
function custom_woocommerce_sorting_options() {
    // 获取当前排序选项
    $orderby = isset( $_GET['orderby'] ) ? wc_clean( $_GET['orderby'] ) : 'default';

    // 获取排序选项列表
    $sorting_options = array(
        'default' => __( 'Default', 'your-theme' ),
        'popularity' => __( 'Popularity', 'your-theme' ),
        'rating' => __( 'Average rating', 'your-theme' ),
        'date' => __( 'Latest', 'your-theme' ),
        'price' => __( 'Price: low to high', 'your-theme' ),
        'price-desc' => __( 'Price: high to low', 'your-theme' ),
    );

    // 显示排序选项
    echo '<form class="woocommerce-ordering" method="get">';
    echo '<select name="orderby" class="orderby">';
    foreach ( $sorting_options as $key => $value ) {
        echo '<option value="' . esc_attr( $key ) . '" ' . selected( $orderby, $key, false ) . '>' . esc_html( $value ) . '</option>';
    }
    echo '</select>';
    echo '<input type="hidden" name="paged" value="1" />';
    echo '<input type="submit" class="button" value="' . esc_attr__( 'Apply', 'your-theme' ) . '" />';
    echo '</form>';
}

您可以根据需要自定义排序选项列表和样式。

以上步骤完成后,您可以在WordPress后台创建一个新页面,并选择您创建的自定义页面模板。在该页面上,您将能够显示带有自定义wp_query或产品列表的WooCommerce产品排序选项。

请注意,以上代码示例中的"your-theme"应替换为您当前使用的主题名称。此外,为了完整性和最佳实践,建议您根据自己的需求进行代码优化和安全性检查。

对于腾讯云相关产品和产品介绍链接地址,由于要求不提及特定品牌商,您可以在腾讯云官方网站上查找相关产品和文档。腾讯云提供了丰富的云计算解决方案,包括云服务器、云数据库、云存储等,您可以根据自己的需求选择适合的产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

woocommerce shortcode短代码调用

limitfalsetrue orderby– 对输入选项显示产品进行排序。可以通过添加两个 slug 并在它们之间留空格来传递一个多个选项。可用选项包括: date– 产品发布日期。...按自定义meta字段对产品进行排序 使用产品简码时,您可以选择按上述预定义值订购产品。...您还可以使用以下代码按自定义元字段对产品进行排序(在本例中,我们按价格对产品进行排序): add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby...页面显示WooCommerce通知 [shop_messages]允许您在非WooCommerce页面显示WooCommerce通知(例如,“产品已添加到购物车”)。...---- woocommerce短代码常见问题  变体产品 SKU 未显示 关于 SKU 短代码使用,例如,变体产品 SKU 不打算单独显示不是父变量产品 SKU。

10.8K20

关于WooCommerce

WooCommerce是WordPress里面最受欢迎电子商务插件,它有产品列表和购物车功能,适合用来做在线零售网店、B2C商城、B2B展示型网站等。...·WooCommerce系统包括一个插件和公司主题库,同时还提供多种支付网关选项,用于配置运费设置,优惠券支持,电子邮件模板,用于跟踪销售和性能等报告面板。...凭借其一系列扩展和自定义选项WooCommerce可以随着业务增长增长,以便在需要时可以添加新功能。 基本形式 用于不同产品类型、服务和数字下载模板。...各种安全支付类型选项PayPal、Stripe银行转账。 移动响应。 库存跟踪。 所有国家货币和运费计算器。 所有产品类型分析。 无限制图片上传和产品页面。 完整购物车和结帐设置。...无论选择哪种方法,用户都可以设置好主要WooCommerce功能,产品类型、接受货币和配送方法,并自定义在线商店外观。

4.3K30

17个最佳WordPress画廊插件

共有八个入门模板,实时模板构建器使您可以控制画廊各个方面,因此颜色,字体,尺寸和布局均可自定义。 该画廊带有一个内置灯箱,该灯箱支持图像,YouTube和Vimeo。...从完全可定制皮肤选项中进行选择,以逼真的3D动画书显示内容,并提供页面深度模拟和用户友好交互式灵活页面角。...页面在后台渲染,以确保流畅阅读体验,智能平底锅会自动以最舒适方向显示翻书,以便在任何设备阅读。...这个WordPress画廊插件带有一个功能全面的图像滑块,该滑块具有自适应大小调整功能,并且具有可自定义图像转盘,其中包含灯箱支持。 从无限滚动标准分页选项中选择。...这个图库插件可用于显示内容,从而为投资组合,WooCommerce产品,照片,博客文章其他任何寻求现代有效处理内容创建吸引人显示

7.8K31

The7 v.11.11.3 — WordPress 网站和电子商务构建器

但它远比各个部分总和要大得多! 如果您曾经尝试使用 vanilla Elementor 构建网站标题自定义产品页面,您就会知道这是多么痛苦。但 The7 则不然。...我们精心制作了一套全面的工具来构建独特标题、产品列表和单独页面——您几乎可以定位网站任何部分。并且无需编写任何代码即可完成此操作。 功能 速度很快! 多用途 WordPress 主题本质很慢。...Elementor 是一个很棒页面构建器。然而,在构建标题自定义 WooCommerce 页面时,它却表现不佳。...在新版本中,我们更进一步,创建了一个非常简单帖子类型生成器。现在,您可以编辑现有的创建您自己帖子类型,并使用我们通用砌体、列表、网格和轮播小部件显示它们。...The7 将其提升到了一个全新水平。您网上商店不再需要与其他许多商店一样!您可以创建完全自定义店面、产品页面产品列表、购物车、结帐等等!同样,这在其他 Elementor 主题中是不可用

9310

基于 WooCommerce WordPress 免费商城主题:eStore

eStore 简介 eStore 是一个干净,美丽,完全可定制响应 WooCommerce WordPress免费主题。...这个主题包许多高级功能和良好组织几个自定义小工具,这有助于使你网上商店专业。主题完全兼容 WooCommerce 和 YITH WooCommece Wishlist 插件。...我们已经走了一步,让每个WooCommerce页面显示更加美观。...分类颜色 - 自定义文章分类和商品分类颜色,这个功能有助于创造美丽多彩网站。 模板集 - 模板可以让你展现不同产品分类/集合在一个单一页面。这会派上用场,如果想突出产品不同特点。...响应式设计 - 主题是移动友好。在iPhone,iPad和其他小型手持设备观看时自动适应。 10+小工具 - 包含10+个自定义小工具,让你可以设置处自己个性商城杂志网站。

3.1K20

Joomla功能介绍

按钮、文字、颜色等;产品内容页支持多图展示、视频展示、支持产品描述选项卡功能;可设置列表页信息显示条数、显示时间格式和展示方式等;网站模板兼容IE9+、Firefox、Chrome、Safari、Opera...内容与栏目支持自定义添加、编辑、删除栏目;支持设置文章、产品、下载、图片、招聘模块列表信息排序方式;简介、文章、产品、下载、图片模块支持多级栏目,同级栏目(分类)不限数量;支持设置栏目导航栏显示方式...、是否新窗口打开等;文章、产品、下载、图片支持按栏目设置缩略图大小、显示条数等;支持简介、文章、产品、下载、图片、招聘模块等内容发布与管理;支持设置栏目和内容前台显示隐藏;支持内容删除、移动、复制...、排序、推荐、置顶、隐藏等操作;支持定时发布内容,支持设置栏目和内容外链(链接到自定义网址);产品、图片、下载模块支持自定义参数功能,产品价格、品牌、附件、多张产品展示图片等;文章、产品、下载、图片内容模块支持回收站功能...;支持伪静态功能,可自定义每个页面的静态页面名称(URL);支持站内锚文本、TAG标签、一条下一条功能,用于增加网站内链和突出关键词;网站模板源码采用CSS3+HTML5标准框架,语义化标签更容易让搜索引擎读懂

29830

WordPress自定义查询:WP_Query使用

wordpress默认会根据网址调用数据,不能满足我们所有建站要求,WP_Query可以用于查询任何你想要内容,相当于自定义数据调用。 wordpress主循环 <?...' 选项覆盖了这里设置,需要使用这个限制,尝试使用 'post_limits' 过滤器,使用 'pre_option_posts_per_rss'过滤器返回 -1 'posts_per_archive_page...注意排序是按照字母表顺序进行。(:words),但是数字排序可能会有问题 (:1, 3, 34, 4, 56, 6, etc, 不是你希望:1, 3, 4, 6, 34, 56)。...* 时间参数 - 显示某个时间段内文章 */ 'year' => 2012, //(int) - 4 个数字年份 (:2011) 'monthnum' => 3, //(int) - 月份数字...= new WP_Query( 'p=10' ); 调用指定page页面category分类页可以用类似的写法 $query = new WP_Query( 'cat=8' );//调用指定分类文章

1.4K20

WordPress自定义查询WP_Query使用方法大全

- 基于文章页面参数显示文章 */ 'p' => 1, //(整数) - 文章id 'name' => 'hello-world', //(字符串) - 文章别名 'page_id' => 1, //...' 选项覆盖了这里设置,需要使用这个限制,尝试使用 'post_limits' 过滤器,使用 'pre_option_posts_per_rss'过滤器返回 -1 'posts_per_archive_page...注意排序是按照字母表顺序进行。(:words),但是数字排序可能会有问题 (:1, 3, 34, 4, 56, 6, etc, 不是你希望:1, 3, 4, 6, 34, 56)。...* 时间参数 - 显示某个时间段内文章 */ 'year' => 2012, //(int) - 4 个数字年份 (:2011) 'monthnum' => 3, //(int) - 月份数字 (...$query = new WP_Query( 'p=36' );   调用指定page页面category分类页可以用类似的写法 $query = new WP_Query( 'cat=9' );//

3.9K41

14个好用WordPress外贸商业主题 适合多领域提供网站部署解决方案

主要特点: 页眉和页脚 单个产品产品存档页面模板 在线日程安排 适合领域行业:诊所、美容、整形外科、医疗设备、实验室、药房等。...我们可以通过使用滑块黑白彩色模式、自定义颜色选择器、微妙阴影和引人注目的排版使用来给观众留下深刻印象。一个简单演示导入和简单设置也值得你注意。...主要特点: 暗模式插件 圆角角边 四种主页模式 六个内容页模板 易于翻译 领域行业:博客、新闻、影响力媒体等。...主要特点: 包含自定义插件 谷歌地图 博客页面和单个博客页面 触点形式 无限谷歌字体 行业领域:虚拟产品类主题 13、Yogalife - 瑜伽类网站主题 直达链接 - Yogalife 主题查看...还有多个页面选项,无限颜色,自定义标题样式,以及许多其他功能。换句话说,您可以自由地控制整个站点并使其适合您需要。 适合行业领域:瑜伽和服务中心。

5.1K30

Lighthouse跨境电商独立站秘籍!

5 关于中文 关于中文设置,包含两个方式,其效果也不一致: 站点语言 假如将站点语言修改为中文,意味着管理员看到页面和访客看到页面都会是中文,这显然不是管理员想看到情况,他们面向可是海外访客。...添加产品 WooCommerce提供了四种添加产品方式:使用模板添加、手动添加、导入CSV表格文件以及独立站迁移。...访客设置 独立站倒是已经搭建完成,并且商品也已经架了,可别忘了对访客下单部分选项进行设置: 7 精装修 相信你能够发现,轻量应用服务器提供WooCommerce应用镜像预置了Kadence与Astra...,在探索阶段,可以利用这两个主题提供免费模板快速搭建精致独立站样式,在熟悉了WooCommerce操作后,可以选择购买并定制专属于自己独立站主题模板。...第一步,首先需要申请一个证书,一般来说免费证书就够用了,申请完成后,将下载好证书上传至服务器,本着简单原则,这里推荐使用SCP命令上传下载证书,命令如下(注意,这个命令是在你自己电脑运行不是在购买服务器

14.4K10

一文说透WordPress自定义文章类型

Post这个单词一般都会被理解成文章,但那些并不是文章(post)内容(见上面的列表),也被归入文章类型(Post Type),所以叫做内容类型(content type)或许更准确。...自定义文章类型(Custom Post Type)不是普通意义文章(post),上面已经说过了。...在WordPress中可以针对自定义文章类型使用专门页面展示显示形式,自由设置不同于默认文章显示样式,以便突出显示这类内容,聚焦优质内容。 更好过滤结果。...在需要按条件显示WordPress文章时,WP_Query默认搜索是Post, 这时默认会把自定义文章类型排除出去,除非你特意指明了需要类型,这样可以对过滤结果有更好控制。 更好编辑内容。...如果你是一个开发者,服务用户群体是特定行业从业者,他们不一定懂代码,也不一定能搞清楚文章、页面等等之间区别,那么最简单方法就是为他们量身打造一套自定义文章类型和发布流程,让工具去适应用户,不是让用户去适应内容

1.8K00

二八原则+产品思维,这就是我能够以 WordPress 接项目并做得很不错原因

WordPress 是世界使用最广建站系统,最近统计 WordPress 市场份额不断增长 接近2/5网站是用它创建。...付费,或者推荐自己靠谱同行来处理,隔了一层之后关系也不是那么大。...80%钱,现成80%产品只收20%钱。...举个例子吧: 比如很多客户都有给分类或者自定义分类排序需求,最早我是这样解决需求,创建了一个 order term meta,然后让用户在后台分类编辑页面输入一个数字,最大排到最前,这样一开始解决了客户问题...附件页面直接图片链接。 配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项

57430

201910个最佳WordPress画廊插件

这就是为什么显示网站上照片视频会使内容参与度提高70%以上原因。 这也是同样原因,如果您包含图像和视频,则网站访问者会停留更长时间,并且他们更有可能购买注册您所提供产品和服务。...您可以使用带有示例网格模板库 ,该模板库在移动设备看起来非常出色,并且易于配置和填充内容。...用户haraldpalma说: 一个伟大美丽产品—非常干净,运转良好画廊,提供绝对快速和称职支持! 谢谢你为我做一切! 8....您还可以从WooCommerce产品和由第三方插件主题创建自定义帖子类型中获取图像。 UberGrid非常易于使用,无需编码。...您为它命名,可以自定义它。 您可以使用UberGrid展示您作品集 , 团队 , 产品 , 照片 , 博客帖子其他可以用方形单元格显示内容。

4.6K51

WordPress 文章查询教程6:如何使用排序相关参数

可以传递一个多个选项: none – 无顺序 ID – 按文章 ID 排序,注意 ID 是大写。 author – 按文章作者排序。...parent – 按文章页面的父 ID 排序 rand – 随机排序 comment_count – 按文章评论数排序 relevance – 按相关性排序,根据以下顺序按搜索词排序:首先是否匹配整个句子...meta_value – 按照自定义字段排序,请先确保在查询中已经设置了 meta_key,额外要注意,是按字母顺序排列,这对于字符串来说没有问题,但对于数字可以结果不是你预期,(例如结果是 1、3...、34、4、56、6 ,不是 1、3、4、6、 34, 56)。...); 获取 my_custom_post_type 文章,按照数字自定义字段 age 排序,并通过 meta_query 过滤数据只显示 age 为:3-4 数据 $args = array(

1.5K30

Display Posts : 按条件显示WordPress文章最强插件

WP_Query是定义于 wp-includes/query.php 中一个用于处理复杂请求wordpress博客中文章页面的类。...用来控制列表显示哪些文章,条件可以基于目录、作者、日期其他 Display parameters determine how the posts are listed....用来自定义顾虑结果展示方式 下面举几个具体搜索参数例子: 显示最近发表文章 这是最基本用法,什么参数都不加的话就是默认显示最近文章,默认结果是10个,呈现结果是一个最简单带有链接文章标题列表...(1) ---- 过滤特定目录标签中文章 下面的方式可以列出所有tag为python文章列表,如果你想显示某个目录下文章,只需要把tag改为 category,查询条件可以是id或者名称,也可以把多个查询条件用逗号隔开...还可以综合使用目录和tag两种分类发和其他操作符来进行复杂查询,详见这里 自定义显示形式 这也属于高级用法之一了,默认是使用Html中无序列表ul,你可以通过参数 wrapper="ol" 来改成有序列表

3.4K10

Lighthouse: WooCommerce

图片设置中文关于中文设置,包含两个方式,其效果也不一致:站点语言假如将站点语言修改为中文,意味着管理员看到页面和访客看到页面都会是中文,这显然不是管理员想看到情况,他们面向可是海外访客。...,需要依次填写选择信息、行业、产品信息、业务详情及选择主题:图片其他部分按照店铺实际情况填写即可,在主题这里, WooCommerce 应用镜像已经安装了 Kadence 和 Astra ,不过如果有其他心仪主题...图片添加产品WooCommerce 提供了四种添加产品方式:使用模板添加、手动添加、导入 CSV 表格文件以及独立站迁移。...,在探索阶段,可以利用这两个主题提供免费模板快速搭建精致独立站样式,在熟悉了 WooCommerce 操作后,可以选择购买并定制专属于自己独立站主题模板。...如果购买主题是压缩包格式(比如 zip ),可以在管理后台上传主题压缩包:图片图片安装完成后可以在主题页面中看到,点击启用即可完成初始化:图片启用后,可以在管理后台【外观/自定义】中对主题进行 DIY

9.1K179

8个woocommerce支付网关插件推荐

WooCommerce允许网站所有者添加产品,数字商品,甚至订​​阅(取决于您已安装WooCommerce扩展)。但是,对于WooCommerce包含所有强大功能,仅内置了一些默认付款选项。...虽然这绝不是WooCommerce每个付款网关选项完整列表,但我们尝试涵盖了大多数主要选项。希望您在下面找到适合您客户WooCommerce付款网关插件!...PayPal Checkout by WooCommerce 任何使用WooCommerce来运行其WordPress商店企业家都可以使用此功能丰富附加组件在安全环境中出售其产品和服务。...同样,它不应以任何方式改变您网站主题。只需记住,In-Context Checkout使用了一个模式窗口(在PayPal服务器)。但结帐后,客户将被重定向回您站点。 4....然后,该插件将在客户完成交易时向其显示自定义“谢谢”消息。 5. Square by WooCommerce 通过Square,可以轻松快捷地从客户那里付款。

6.6K00

WordPress 首页文章如何使用分类过滤?

WordPress 登录注册界面,并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用内容模板,并且支持表格。...支持自定义头像,屏蔽个人设置,优化姓名设置, 隐藏登录名,限制登陆失败次数,防止密码被暴力破解等功能。 分类管理 层式管理分类和分类拖动排序,支持设置分类层级。...附件页面直接图片链接。 配置器 全自动 WordPress 配置器,不用一行代码就可以开发。 支持自定义文章类型,自定义字段,自定义分类,分类选项,全局选项。...格式文章 在 WordPress 实现真正文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。...微信群二维码 轮询显示微信群二维码,突破微信群100人限制。 文章置顶 支持置顶文章排序和分类文章置顶 WordPress 插件

1.6K20

WordPress主题推荐

它与许多流行页面构建器Elementor、Beaver Builder和SiteOrigin Page Builder和SEO插件兼容。...最适合GeneratePress 是区块编辑爱好者终极选择。其精简大小、优化代码和页面构建器兼容性,使其成为从零开始构建网站使用提供入门模板之一完美解决方案。...它提供大量WooCommerce增强功能,快速视图、购物车通知、离画布外产品过滤、愿望清单等功能。...除了速度和性能提升之外,OceanWP还提供一系列其他吸引人功能,包括单独后台控制面板带有详细元框、用于启用禁用不必要脚本脚本和样式控制面板,以及自定义挂钩进一步扩展OceanWP功能。...最适合OceanWP对初学者和开发人员都非常友好,提供无限自定义选项和出色速度增强功能。无论你预算如何,你都可以受益于其免费高级许可证。

6400

Apriso开发葵花宝典之八Portal Session篇

实例Instance: 有时需要在不同上下文中显示相同页面,如有一个页面显示产品详细信息,但是希望区分不同产品显示不同页面实例,这时可以在实例Instance属性中设置{ProductNo}来实现...设置后,不同产品就能实例化成不同页面实例。 下面以不同产品为例,假设用于显示产品详细信息屏幕名为“PRD-10”,其实例Instance设置为{ProductNo}。...则可以创建一个带有通配符Action:”STATUS_TO_%”,不是创建三个单独Action。...但是用于表单类型视图和选项卡视图模板GenericPortalTab和GenericPortalForm视图操作可以链接到各自类型许多视图。 视图操作通常不是从头开始创建,建议使用视图模板。...,如果视图不应对按ENTER键页面刷新等事件作出反应,则将此值保留为空 l 任何外部输出:如果此视图操作触发屏幕提交后才会输出 l MergeOutputs:如果提交不是由屏幕此视图操作触发

10710
领券