腾讯云

开发者社区

文档建议反馈控制台

首页

文章/答案/技术大牛

发布

社区首页 >问答首页 >WooCommerce Javascript产品页面按钮编辑

问WooCommerce Javascript产品页面按钮编辑
EN

Stack Overflow用户

提问于 2017-11-29 15:27:56

回答 0查看 96关注 0票数 0

我没有编写或编辑Javascript的经验，但我需要添加一个继续购物按钮到我的WooCommerce产品页面。我找到了一个让链接显示的代码字符串，但是它没有一个类，所以我不能移动或编辑它，我也更喜欢它是一个按钮而不仅仅是一个链接。

如何使用CSS将样式添加到此元素？我可以给它一个ID和/或类吗？

这是我当前在function.php文件中的javascript

add_action( 'woocommerce_single_product_summary', create_function( '', 'echo "<a href=\"http://store.lovesomelashes.com\">Continue Shopping</a>";' ), 35 );

下面是一个示例产品页面的链接。http://store.lovesomelashes.com/product/c-curl-synthetic-mink-eyelash-extensions/

提前感谢！

javascript

php

css

wordpress

云联络中心6.1折起

灵活稳定的一体化云联络中心，助力快速搭建集电话、在线交流、音视频通话为一体的客户联络平台

回答

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

原文链接：

https://stackoverflow.com/questions/47556301

复制

WooCommerce Elementor Addons – 商品页面编辑器插件

网站建设网站

TFProduct是用于Elementor Page Builder的WooCommerce插件，帮助您在页面构建器Elementor中显示WooCommerce产品。它是最灵活的小部件，可让您以网格，轮播，分页方式显示WooCommerce产品，并加载更多布局。它可以显示编号显示产品，最新产品，特色产品，畅销产品，销售产品，最高评分产品，混合订单产品，类别产品。此外，我们还提供了完全免费的Elementor Themesflat附加组件，以及YouTube窗口小部件。您可以完全创建带有完整的页眉页脚滑块，图像框，轮播框和所有Elementor Free小部件的专业视频网站。

小狐狸说事

2022/12/30

2.2K0

WooCommerce Elementor Addons – 商品页面编辑器插件

woocommerce根据标题获取相关产品

woocommerce 产品函数搜索

ytkah

2019/12/19

1.6K0

产品网站的FAQ页面该如何编辑？

网站

无论是B2B还是B2C，网站的访问者在看到网站内容后，或多或少都会有一些相关的问题想要得到答案。但是，由于网站设置的原因，一些网站没有发布相关的联系方式，也没有安装即时聊天工具，或者访问者本身也不想与网站联系人进行深入的交流，因此 FAQ页面常常成为解决问题的一大途径。

Baklib

2022/11/04

3.3K0

django admin 列表禁用删除操作，编辑页面禁用删除按钮

django admin

class AnchorBindAgentAdmin(admin.ModelAdmin): def get_actions(self, request): # 列表禁用删除操作 if 'delete_selected' in actions: del actions['delete_selected'] return actions def has_delete_permission(self, request, o

卓越笔记

2023/02/18

2.1K0

woocommerce分类页产品数量修改

php function woocommerce

　　我们用woocommerce建商城，不同的模板分类页产品数量不同，如果想要显示更多或更少的数量要如何修改呢？很简单，一行代码就能搞定！打开当前主题的function.php文件，加入如下代码，把18改为任意您想要展示的数量，一般设为15到25，设置太多需要下拉屏幕太长，设置太少需要翻页的次数变多，可以根据实际需要修改

ytkah

2019/10/08

1.3K0

如何隐藏WooCommerce Shop Page页面的标题

网站建设

　　有时我们不想显示WooCommerce Shop Page页面标题，如下图所示，需要如何操作呢？随ytkah一起来看看吧。在主题function.php文件中添加下面的代码就可以隐藏了

ytkah

2019/12/16

2.4K0

woocommerce shortcode短代码调用

网站建设

WooCommerce配备了很多shortcode短代码(简码)，可以直接在post帖子和page页面内插入内容，方便展示产品、分类等。比如直接在文章编辑时直接插入[products]，或者在php文

ytkah

2023/03/14

11.3K0

跨境电商独立站？Lighthouse: WooCommerce！

轻量应用服务器

对于中国的跨境电商平台卖家而言，2021 年是段低气压的时光：亚马逊掀起了一场规模庞大的“封号潮”，自 4 月起至 9月，从头部到中小品牌，粗略统计有超过 5 万家店铺被封禁，累计损失超千亿。电商平台复杂、严格又阴晴不定的运营规则带来的是 “一夜回到解放前” 的风险。伴随着风险而来的是新的机会：跨境电商的运营逐渐转向了多渠道模式，除了继续合规地在电商平台运营店铺之外，独立站成为了卖家均衡风险的新选择。

嘉钰

2022/08/09

9.9K1

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

网站建设云服务器电商轻量应用服务器

独立站火热的背后对于中国的跨境电商平台卖家而言，2021年绝对是段低气压的时光：亚马逊掀起了一场规模庞大的“封号潮”，自4月起至9月，从头部到中小品牌，粗略统计有超过5万家店铺被封禁，累计损失超千亿。电商平台复杂、严格又阴晴不定的运营规则带来的是 “一夜回到解放前” 的风险。伴随着风险而来的，是新的机会：跨境电商的运营逐渐转向了多渠道模式，除了继续合规地在电商平台运营店铺之外，独立站成为了风险均摊的新选择。目前可供卖家选择的搭建独立站的方式包含两种：第一种是以Shopify为代表的一站式电商服务平台

腾讯云计算产品团队

2022/08/25

14.5K2

WPJAM Basic 5.9 详细更新说明

编辑器插件函数后台优化

昨天 WordPress 5.9 发布，我第一时间就升级了测试站点到 WordPress 5.9，经过一天的观察，没有发现什么问题。

Denis

2023/04/13

7.2K0

自定义WooCommerce分类每页产品数量

html5

WooCommerce分类页默认显示为10个产品，但不同的模板显示样式不同，比如3列，那么最后一行就只有一个产品了，不是很协调，如果想要显示显示更多或更少要如何调整呢？要把如下代码copy到你主题functions.php文件中即可。

ytkah

2019/09/25

1.7K0

woocommerce调用产品相册gallery图片如何操作?wordpress技巧

网站建设

　　wordpress官网有很多woocommerce模板，但有些客户要求定制模板，这时可能会碰到产品相册图片调用的问题，如果根据自带的Storefront主题来改很麻烦，那我们就自己定义吧！下来就随ytkah一起来看看woocommerce调用产品相册gallery图片吧！以下方法参考https://gist.github.com/Niloys7/17b88d36c1c38844a6cf2127c15dee63

ytkah

2019/06/24

1.4K0

woocommerce调用产品相册gallery图片如何操作?wordpress技巧

xwiki功能-页面编辑

save velocity wiki wysiwyg 语法

在xwiki的所有页面都是可编辑的（只要你登录或拥有编辑权限）。编辑网页，你所要做的就是点击“编辑”按钮上的箭头。请注意，“编辑”按钮的位置，这取决于你的wiki正在使用的皮肤。

lovelife110

2021/01/14

2.2K0

reactRouter 实现页面级按钮权限

存储路由配置权限数据

大家好，我是王天～今天咱们用 reac+reactRouter 来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、踩坑记录，代码实现。嫌啰嗦的朋友，直接拖到最后一章节看代码哦。

程序员王天

2023/10/18

4050

WordPress 技巧：后台页面编辑页面排除指定页面

php wordpress 插件后台技巧

有时候给客户做模板经常会使用一些插件，比如theme my login插件，插件会自动生成一些默认页面来显示指定内容，而这些页面我们是不想让用户看到并编辑的来避免由于客户的更改导致页面内容出错。所以我们需要在后台 > 页面 > 所有页面选项卡里的页面列表排除指定的页面不让用户操作到，具体实现代码如下(直接把代码插入到主题文件夹下functions.php里就可以了)：

Denis

2023/04/15

8080

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

github

最近在接触WooCommerce 开发，突然发现国内有关WooCommerce 的中文资料少的可怜，但还好有谷歌。这篇文章意在记录一个问题，在默认的WooCommerce 的结算（checkout）页面上自定义（删除/添加）表单元素。默认的话，WooCommerce 的结算（checkout）页面上的表单元素（fields）比较繁多，如国家、地址（精确到了省、市、镇）、姓名、邮编、电话、email等等。但在实际项目需求中，可能不想显示那么多的fields；而且从用户体验的角度上，fields应该精简到只需

Jeff

2018/01/19

3.7K0

js点击按钮返回页面顶部

jquery 网站建设 fixed position

在进行官网一类的网站建设时，经常会出现页面太长的现象，当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条，用户体验相当不好，于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮，点击该按钮返回顶部，并且有一定的效果。

OECOM

2020/07/01

25.1K0

WordPress页面由于JavaScript插件优先性导致登录按钮不可用的问题

wordpress

今天想登录博客后台的时候，突然发现博客的管理后台的按钮动不了了，同时间用手机和自己的iPad还有不同的浏览器试了一下还是不行，没反应。去云服务器提供商——滴滴云看了后台，inode使用率和使用量居高不下，如下图。

可定

2020/04/20

9060

WordPress页面由于JavaScript插件优先性导致登录按钮不可用的问题

点击加载更多

相似问题

操作woocommerce产品编辑页面

如何编辑woocommerce产品页面？

Woocommerce管理产品编辑页面导航

114

编辑woocommerce单一产品布局页面

将自定义javascript添加到Woocommerce编辑产品页面

活动推荐

体验智能媒资降冷，云点播优惠不要错过！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例