在产品页面woocommerce的自定义位置显示常规价格

在产品页面中，WooCommerce是一种流行的开源电子商务插件，用于在WordPress网站上创建和管理在线商店。要在产品页面的自定义位置显示常规价格，可以按照以下步骤进行操作：

登录WordPress后台管理界面。
导航到WooCommerce设置页面。通常可以在左侧导航菜单中找到"WooCommerce"选项。
在设置页面中，选择"产品"选项卡。
在"产品"选项卡下，选择"显示"子选项卡。
在"显示"子选项卡下，您可以找到各种产品页面显示选项。
找到"价格"选项，并确保其被启用。
在"价格"选项下，您可以选择在产品页面的哪个位置显示价格。常规价格通常显示在产品标题下方。
保存更改并预览产品页面，您应该能够看到常规价格显示在您选择的位置上。

推荐的腾讯云相关产品：腾讯云服务器（CVM）

链接地址：https://cloud.tencent.com/product/cvm

腾讯云服务器（CVM）是腾讯云提供的弹性计算服务，可为用户提供可靠、安全、灵活的云服务器。它具有以下优势：

弹性扩展：可以根据业务需求随时调整服务器配置，实现弹性扩容和缩容。
可靠性高：采用分布式存储架构，数据可靠性高，提供多重安全防护措施。
灵活性强：支持多种操作系统和应用程序，提供丰富的配置选项。
高性能：提供高性能的计算和存储资源，满足各种业务需求。
可靠网络：腾讯云拥有全球覆盖的网络，提供稳定、低延迟的网络连接。

希望以上信息能够帮助您在产品页面的自定义位置显示常规价格。

相关·内容

WooCommerce 自定义商品价格显示HTML结构

WooCommerce 虽然有中文本地化支持，但整个插件本身是按照欧美人的习惯去开发的，一些细节上不可能做到各个国家或地区的用户满意。下面就用一个例子抛砖引玉，自定义商品价格显示HTML结构。...默认的话，WooCommerce 输出商品价格显示HTML结构是这样的（当商品本身设置了一般价格与优惠价）：促销中...新旧价格的显示大概遵循“¥109.00 ¥99.00”的形式，但根据国人的习惯（不知道是不是这样？），一般显示为 “¥99.00 ¥109.00 ”。...要想显示出我们的效果的话，那就可以通过对woocommerce_get_price_html 函数下刀，hook之。代码如下： <?...php // DeveWork.com //这是一个可以修改woocommerce_get_price_html 函数默认输出的html代码的例子， //作用是调换新旧价格的位置 //感谢http://

1.4K9 0

wordpress建DTC独立站为产品添加价格区间选择

要在WordPress中为DTC独立站的产品添加价格区间选择功能，可以通过以下步骤实现：添加自定义字段：首先，需要在产品后台添加一个自定义字段，用于设置价格区间的最大值。...以下是添加自定义字段的代码示例：// Add a custom field for price range to product in backendadd_action( 'woocommerce_product_options_pricing...：接下来，需要在前端显示这个价格区间。...这可以通过添加一个过滤器来修改产品价格的显示方式来实现。...保存后，前端页面将显示产品的价格区间。以上步骤可以帮助你在WordPress的DTC独立站中为产品添加价格区间选择功能。请确保在添加代码时，你已经备份了网站，以防万一需要恢复。

731 0

woocommerce shortcode短代码调用

woocommerce_cart – 显示购物车页面 woocommerce_checkout – 显示结帐页面 woocommerce_my_account – 显示用户帐户页面 woocommerce_order_tracking...您还可以使用以下代码按自定义元字段对产品进行排序（在本例中，我们按价格对产品进行排序）： add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby...---- 产品分类这两个短代码将在任何页面上显示您的产品类别。 [product_category]– 将显示指定产品类别中的产品。...columns' => '4', 'orderby' => 'title' ) 相关产品短代码 [related_products limit="12"] ---- 加入购物车按ID显示单个产品的价格并添加到购物车按钮...的页面上显示WooCommerce通知 [shop_messages]允许您在非WooCommerce页面上显示WooCommerce通知（例如，“产品已添加到购物车”）。

11.2K2 0

wordpress独立站首页调用产品的三种方法

使用WooCommerce内置功能如果你的WordPress站点使用了WooCommerce插件来管理产品，你可以利用它的内置功能来展示这些产品。...最新产品：在页面编辑器中，添加一个“最新产品”的短代码 `[recent_products per_page=”4″ columns=”4″]`，其中`per_page`控制显示的产品数量，`columns...`控制每行显示的产品列数。...如果没有设置特色产品，你可以手动设置一些产品为特色产品，在产品编辑页面勾选“特色产品”选项。2. 使用自定义查询和WP_Query如果你需要更灵活的控制，可以通过自定义查询来实现。...WooCommerce Product Table：这个插件可以让你以表格形式展示产品，并且可以自定义列和排序。Ultimate WooCommerce：这个插件提供了许多额外的功能，包括产品展示。

1160 0

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

Elementor 是一个很棒的页面构建器。然而，在构建标题或自定义 WooCommerce 页面时，它却表现不佳。...我们用新的小部件和功能扩展了 Elementor，让您可以构建现代动态标题、交互式大型菜单、英雄部分、滑块、自定义您的 WooCommerce 和存档页面等等！...The7 Elements 包括（但不限于）：26 个常规内容小部件（此处提供完整列表和演示）、24 个 WooCommerce 小部件和 22 个主题生成器小部件。...在新版本中，我们更进一步，创建了一个非常简单的帖子类型生成器。现在，您可以编辑现有的或创建您自己的帖子类型，并使用我们的通用砌体、列表、网格和轮播小部件显示它们。...此外，我们的帖子类型与高级自定义字段 (ACF) 插件完全兼容。因此，可能性确实是无限的。并且无需编码！扩展 WooCommerce 集成 WooCommerce 是全球最受欢迎的电子商务软件。

1651 0

手把手教学~腾讯云轻量服务器搭建电商网站

而这次当我看到腾讯云双十一的活动宣传时，吓了我一跳，一个 40G应用服务器的价格已降至惊人的2.33元/月，要知道一个原本可能需要较高费用才能拥有的 40G 应用服务器。...二、登录网站后台管理页面在实例详情页面，进入应用管理详情页。在应用内软件信息中，获取管理员账号及密码的命令并复制。...登录应用内软件信息页面，粘贴刚刚的复制命令，输入之后即可获取账号和密码回到刚刚的那个页面，点击管理员登录地址，输入刚刚获取到的账号和密码：三、快速运营 WooCommerce 独立站（一）配置独立站详细信息...在后台管理页面，选择 WooCommerce。...（二）设置 WordPress 地址 URL 登录管理页面。进入“常规选项”页面，填写 WordPress地址（URL）。（三）添加产品选择 WooCommerce，点击添加产品。

1322 0

详细讲解All in One SEO Pack设置教程(多合一SEO集)

SEO设置，能够帮助WordPress网站完善SEO功能，提高网络营销中网站在搜索引擎的排名位置，许多人使用它设置网站的关键词和网站优化策略。...插件默认已经配置好了大部分的选项，不了解的选项的保持默认或者留空即可常规设置规范网址：为每个网页添加一个canonical标签，能够规范网址，避免搜索结果中出现多个内容相同或相似的页面，建议开启规范网址不包含分页...in one seo被其他的主题或者插件干扰，那么可以开启此选项，强制使用All in one seo的值使用Schema.org：添加富文本效果，会在搜索结果中显示特殊样式，比如面包屑、评价、价格...，一般情况下保持默认即可自定义文章类型设置 All in One SEO Pack 除了可以为文章设置SEO外，其他的一些自定义页面比如页面、媒体、portfolio等也是可以添加SEO选项的，这里你可以对特定类型开启或关闭...WooCommerce 搜索引擎优化高级电子商务 SEO 支持 WooCommerce 以优化产品页面、产品类别等。

2391 0

Lighthouse的跨境电商独立站秘籍！

Why 轻量应用服务器如果按照WooCommerce官网的教程，并且选购一台常规云服务器来搭建的话，需要经历如下一些步骤：如果选择腾讯云轻量应用服务器Lighthouse的话，则无需关注站点设置之前的步骤...翻译升级成功后，重新进入独立站管理后台，就能看到WooCommerce这里也变成中文了。不过别忘了检查下站点语言，有可能因为操作顺序的缘故，导致升级翻译后，访客看到的页面也会变成中文。...以使用模板添加为例：选择产品模板类型，包括实物产品、数字产品以及变体产品（变体产品支持设置多样的产品属性，例如颜色、尺寸、材质等）；编辑产品信息（以实物产品为例）包括产品名称、产品描述、产品类型、产品价格...如果购买的主题是压缩包格式（比如zip），可以在管理后台上传主题压缩包：安装完成后可以在主题页面中看到，点击启用即可完成初始化：启用后，可以在管理后台的【外观】-【自定义】中对主题进行DIY：...上传了证书之后，紧接着需要调整一些配置项，方便起见，把HTTPS的Nginx配置直接放在这里，可以将下边带标注的部分替换为实际使用的内容，然后直接复制粘贴到配置文件的对应位置即可。

14.5K1 0

Lighthouse: WooCommerce！

如果按照 WooCommerce 官网的教程，并且选购一台常规云服务器来搭建的话，需要经历如下一些步骤：图片如果选择腾讯云轻量应用服务器的话，则无需关注站点设置之前的步骤：套餐已经预设了服务器配置、带宽...图片图片翻译升级成功后，重新进入独立站管理后台，就能看到 WooCommerce 这里也变成中文了。不过别忘了检查下站点语言，有可能因为操作顺序的缘故，导致升级翻译后，访客看到的页面也会变成中文。...以使用模板添加为例：选择产品模板类型，包括实物产品、数字产品以及变体产品（变体产品支持设置多样的产品属性，例如颜色、尺寸、材质等）；编辑产品信息（以实物产品为例）包括产品名称、产品描述、产品类型、产品价格...如果购买的主题是压缩包格式（比如 zip ），可以在管理后台上传主题压缩包：图片图片安装完成后可以在主题页面中看到，点击启用即可完成初始化：图片启用后，可以在管理后台的【外观/自定义】中对主题进行 DIY...上传了证书之后，紧接着需要调整一些配置项，方便起见，把 HTTPS 的 Nginx 配置直接放在这里，可以将下边带标注的部分替换为实际使用的内容，然后直接复制粘贴到配置文件的对应位置即可。

9.8K17 12

woocommerce根据标题获取相关产品

1.6K1 0

基于 WooCommerce 的 WordPress 免费商城主题：eStore

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

3.3K2 0

WooCommerce 结算页面自定义（删除添加）表单元素

这篇文章意在记录一个问题，在默认的WooCommerce 的结算（checkout）页面上自定义（删除/添加）表单元素。...默认的话，WooCommerce 的结算（checkout）页面上的表单元素（fields）比较繁多，如国家、地址（精确到了省、市、镇）、姓名、邮编、电话、email等等。...但在实际项目需求中，可能不想显示那么多的fields；而且从用户体验的角度上，fields应该精简到只需要最重要的——如果是卖虚拟商品的话尤为如此。...WooCommerce 中定义这些表单元素（fields）的函数是woocommerce_checkout_fields，那么我们要自定义，就从这个函数下手，hook 之。...需求二：设置表单元素的一些显示样式上面的小标题实在是太难表达Jeff 的意思了，下面直接上例子+代码。

3.7K8 0

为woocommerce开发支付网关插件，对接支付通道

前言 WooCommerce模板众多，可以选择出我们需要的模板，生态好，而且数千个钩子更加利于开发者开发。本文分享如何为woocommerce独立站开发第三方支付插件。...() { $this->id = 'kekc_cn'; // 支付网关插件ID，可以字符串，但是要唯一 $this->icon = ''; // 将显示在结账页上你的支付网关图标。...'https://www.kekc_cnpayments.com/api/token.js' ); // 这是在插件目录中的自定义JS，与token.js一起处理。...'; $this->description = trim( $this->description ); } // 显示带有标签的描述等。..., true ); // 空购物车 $woocommerce->cart->empty_cart(); // 重定向到感谢页面 return array

3451 0

腾讯云轻量应用服务器|3分钟带你快速搭建电商独立站

就是我们需要的密码复制密码并保存，回到【应用管理】页面，点击管理员登录地址输入用户名 admin 以及获取的密码，登录电商网站后台后，选择左侧导航中的 WooCommerce > Home，进入如下图所示页面...配置 WordPress 地址 URL 在完成了完成了电商网站的基础设置之后，需要先配置WordPress 地址 URL，然后才可以进行后面的添加产品的操作，这里点击电商后天的【设置】，找到常规选项的WordPress...中的【添加产品】进入添加我的产品页面，这里我选择推荐的模式，从模版入手添加产品然后选择【实体产品】，点击【确定】在编辑产品页面中，按需设置产品名称、产品描述、产品类型、产品价格、产品图片及产品标签等产品信息...点击【发布】之后就可以上架产品，上架成功后可以在页面继续完善产品信息或者再次新增产品付款方式这里我们点击顶部的【继续设置】回到 WooCommerce 菜单对应页面，选择添加收款方式中的【查看选项...【预览】来预览我们的电商商铺页面了下面我们来看看我们的商铺首页吧，这里设计的比较简单，因此页面也比较简洁最后，也可以通过选择左侧导航栏中的 WooCommerce，点击【设置】完成对商铺的一些其他信息的设置

3543 1

wordpress网站设置LiteSpeed Cache缓存插件优化加速教程

LSCWP支持WordPress Multisite，并且与大多数流行的插件兼容，包括WooCommerce，bbPress和Yoast SEO。...LiteSpeed插件与您的LiteSpeed Web服务器及其内置的页面缓存（LSCache）通信，以为WordPress站点提供卓越的性能。...插件的缓存功能向服务器指示页面可缓存以及可缓存多长时间，或者使用标签使特定的缓存页面无效。重点是服务器级缓存，不同于PHP级别缓存，这还是有区别的。...它可以利用标签来管理缓存的智能清除，并且可以基于移动设备，台式机，地理位置和货币等因素，使用各种cookie来提供多个版本的缓存内容。...自动页面缓存可大大提高站点性能根据某些事件自动清除相关页面登录用户的专用缓存缓存WordPress REST API调用桌面和移动视图的单独缓存能够计划清除指定的URL WooCommerce

1941 0

woocommerce通过代码添加商品之核心代码

前言开发woocommerce批量发布商品插件的过程中，需要通过代码的形式将商品发布。分享用到的核心代码。包括商品创建、图片下载上传、变体商品添加。调试了好久，终于搞定。...sku_arr)) { //未获取sku信息 case 0: $product_type = 'simple'; //自定义.../ 设置商品 SKU $product->set_sku($sku); // 设置名称 $product->set_name($product_name); // 常规价格...,促销价格 $product->set_regular_price($regular_price); $product->set_sale_price($sale_price);...product_id = $product->save(); // 多sku处理 if ($product_type=='variable') { // 添加自定义属性

3656 0

woocommerce订单添加自定义信息展示

前言 woocommerce的订单详情页展示的信息有限。改造一下代码，以展示更多的信息。...代码订单详情页添加本地订单号和平台订单号 // 路径：wp-content/themes/razzi/functions.php // 在管理员后台订单详细页面也显示一下 add_action( '...init', 'twentytwentyfour_pattern_categories' ); // 在管理员后台订单详细页面也显示一下 add_action( 'woocommerce_admin_order_data_after_order_details...> 修改副标题信息，所有支付方式都类似PayPal方式展示 //wp-content/plugins/woocommerce/includes/admin/meta-boxes/class-wc-meta-box-order-data.php...$payment_method ) { ... } 订单列表页 // 路径：wp-content/themes/razzi/functions.php // 添加2列自定义标题

3091 0

woocommerce在checkout页面自定义输入内容

前沿对接第三方支付的过程中，有几个字段需要客户端上传。需要在checkout页面让客户输入然后提交。...代码上述样式的自定义代码 // 添加自定义字段到结账页面 add_action('woocommerce_after_order_notes', 'custom_checkout_fields');...__('Custom Fields') . ''; woocommerce_form_field('cardNo', array( 'type' => 'text',...), 'required' => true ), $checkout->get_value('cardType')); echo ''; } // 验证并保存输入的值...cardType'] == '') { wc_add_notice(__('Card Type is a required field.'), 'error'); } } // 保存输入的值

2011 0

21个顶级开源或免费的跨境电商b2c系统

但是，不管价格如何，一个具有活跃开发人员社区的开源平台会提供一个致力于改进软件的好处。值得注意的是开源并非适合所有人，如果你想在不聘请网络开发人员的情况下建立一个在线商店，那肯定会很难。...WooCommerce (WordPress) 官方地址: https://www.woothemes.com/woocommerce/ WooCommerce是目前最流行的开源电子商务解决方案...它为超过37％的在线商店提供支持，WooCommerce已下载了14,095,679次。...社区上传了超过8,866个免费插件，以便使用和自定义你的在线商店。...这允许你创建无限数量的自定义网页，自定义所有页面的字体/颜色，以及网站的结构布局。

11.7K0 0

塔秘 | 网站访问速度不够快？快收藏SQL 查询优化技巧

要是不愿意在生产安环境装调试插件(性能开销原因)，也可以打开MySQL Slow Query Log，这样在特定时间执行的所有查询都会被记录下来。这种方法配置和设置存放查询位置相对简单。...WooCommerce是一个稍微复杂的数据模型，即使订单以自定义的类型存储，用户的ID（商店为每一个用户创建的WordPress）也没有存储在post_author，而是作为后期数据的一部分。...rows字段也是一个好的标识，标识着MySQL将要不得不做的事情，它显示了结果中查找了多少行。 Explain也给了我们很多可以优化的信息。...查询监视器发现在加载一个页面时我们的查询语句执行了四次，尽管有MySQL查询缓存很好，但是在一个请求中重复读取数据库的数据是应该完全避免的。...如果您发现查询的帖子类型较慢，那么可以考虑从自定义帖子类型的存储模型移动到自定义表格中 - 更多内容将在后面的文章中介绍。

4.9K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云