这次小编来给大家说说,关于“WooCommerce如何仅将CSS更改应用于一个页面或产品?”
有的客户要求从只有一个产品页面中删除图像,但不是从所有的产品页面中删除图像。如果您想将 CSS 更改应用于任何特定的网页,同样的故事也适用。这是我如何做到的。

1. 访问您的网站,并转到您想要 “CSS-ify” 的页面或产品页面
如果您使用 Google Chrome,请右键点击鼠标,然后点击 “检查元素”。如果您使用 Firefox,请使用 Firebug。在这两种情况下,您都可以看到页面的 HTML 源代码,并标识了<body> 标签开始的第一行:

在这种情况下,我们发现了一个名为 “ postid-745 ” 的产品的唯一标识符。任何 WooCommerce 页面都是一样的:通过查看源代码,您应该可以找到一个唯一的标识符,如 “ page-id-9 ”。
2. 在 CSS 中使用唯一标识符
例如,如果要删除其中一个产品页面上的图像并将其描述覆盖整页,只需使用其标识符作为前缀:
/** * @snippet Apply CSS changes to one WooCommerce page/product only * @how-to Paste @ style.css * @source https://businessbloomer.com/?p=342 * @author Rodolfo Melogli * @compatible WooCommerce 2.4.7 */ /* removes the image on product id = 53 */ .postid-53 div.images { display:none; } /* stretches the product description on full width */ .postid-53 div.summary { width: 98%; float: none; }
可以在哪里添加此代码?
您可以将 PHP 代码片段放置在主题或子主题的 functions.php 文件的底部(如果是 CSS 代码,请添加到主题的 style.css 文件底部),修改之前建议先备份原始文件,若出现错误请先删除此代码。
原创文章,作者:小嵘SEO技术,如若转载,请注明出处:https://www.seo388.com/woocommerce-1/


相关推荐
-
关于宝塔面板Linux系统磁盘挂载工具脚本
这次,小编来给大家说说,“关于宝塔面板Linux系统磁盘挂载工具脚本”。一般来说,如果服务器只有一个硬盘的话,是不需要挂载磁盘的,但是如果额外又买了1块磁盘的话,那就需要服务器面板的挂载脚本了。 最近,有许多朋友反馈的一些问题和磁盘挂载有关。 1、安装完面板后发现磁盘容量与实际购买容量不符 2、重启服务器后面板无法访问,网站、数据库文件丢失上述的,都是因为未…
-
浅析域名被墙了的解决办法
这次,小编来给大家简单地介绍一下 “域名被墙了的解决办法”。希望对广大的站长和SEOer有所帮助。 关于域名被墙的三大状态,如下: 域名被墙 如果域名ping的通却打不开网站(排除服务器宕机),用代理可以打开一般说明域名被封了。假如域名下的网站非法信息多,敏感,又不整改,会直接被GFW墙掉,结果就是访问域名是打不开的。但是解析是正常的。此时域名在国内是无法使…
-
fastadmin忘记后台密码如何解决?
这次,小编来分享一下,关于“fastadmin忘记后台密码如何解决?” 希望对大家有所帮助,谢谢。 首先,我们先进入数据库。 然后,修改数据库。具体如下: 数据库修改fa_admin表的两个字段 密码 (password):c13f62012fd6a8fdf06b3452a94430e5 密码盐(salt):rpR6Bv 修改完这两项后,登录密码就变成了 1…
-
关于博客站WordPress自动推送的插件
这次,小编来给大家推荐一个插件,希望对大家做wordpress网站的站长有所帮助。这是一款 ”关于博客站WordPress自动推送的插件“。 百度搜索推送管理WP插件-提升博客页面百度收录效率 百度搜索推送管理插件是基于百度站长平台对站长开放的链接提交接口开发的,支持站长通过主动推送,自动推送和sitemap推送三种方式,向百度搜索引擎推送链接,提升百度搜索…
-
在php中php-fpm 的重启与终止操作命令
这次,小编来给大家说说,关于“在php中php-fpm 的重启与终止操作命令”。希望对大家维护linux服务器的过程中有所帮助哦。 php 中php-fpm 的重启、终止操作命令: service nginx restart service php-fpm restart 查看php-fpm进程数:ps aux | grep -c php-fpm 查看运行内…
-
关于织梦DEDE友情链接调用的方法与技巧
这次小编来分享几个织梦友情链接标签技巧。 DEDE织梦的友情链接标签正确的调用格式如下: 织梦dedecms友情链接调用方法: {dede:flink type=’textall’ row=’24’} [field:link /] {/dede:flink} 表示显示前24条从后台添加友情链接全部用文字显示 t…
-
网站后台介绍-DedeCMS织梦建站教程
DedeCMS织梦建站教程 — 网站后台介绍: 简单说说,织梦DedeCMS的建站部分教程 。 Dede织梦CMS 下载地址: www.dedecms.com 无论是国内的还是国外的网站,都可以使用织梦DedeCMS开源程序来搭建网站哦。
-
怎样远程连接Linux服务器呢?
远程登陆linux,使用的是ssh协议。windows平台下有putty,Xshell,SecureCRT等工具来远程连接linux服务器。 1、putty是一款非常轻量级的SSH连接工具,可以直接运行,方便测试。界面如下: 2、SecureCRT 完成后就可以远程连接了。 首次登录会提示输入密码,如果是个人电脑使用,建议勾选保存密码,便于下次快速登录。 3…
-
关于wordpress安全、通用的搬家方法
WordPress搬家,一直以来都没有比较官方、安全的搬家方法。目前网上多见的都是通过phpmyadmin导出数据库,然后在新的服务器上导入数据库,以实现搬家的目的。但是这样做受到很多外在因素的限制,比如说新服务器中的mysql数据库版本不同、新服务器的数据库名不同、用户名密码不同等等,导致某些特殊情况下搬家不成功。有时候发生误操作,还有可能导致网站数据库崩…
-
关于宝塔面板修改端口后无法登陆解决方案
忘记宝塔面板登录管理端口怎么办?改完端口后忘记了怎么办?关于宝塔地址忘记了的处理方法,你知道吗? 服务器好几个月没有登录管理了,之前没有存档,现在忘记宝塔面板的后台端口是多少了怎么办 ?下面小编来给告诉大家几个指令,解决宝塔面板端口遗忘而无法登陆的问题。 1、找回端口 方法1 在终端输入 cat /www/server/panel/data/port.pl …
-
如何在WordPress博客网站后台设置敏感关键词过滤?
如何在WordPress博客网站后台设置敏感关键词过滤?这次,小编来教大家操作一遍吧。 小编在网上找到了一份关键词文档,通过添加删除一些关键词,整理出来了一份适用的关键词。 分享给大家使用,如下: 链接:https://pan.baidu.com/s/11boAKB6sUEfZsykhOkdTAA提取码:2o36 把这一份关键词内容复制粘贴到 仪表盘\设置\…
-
织梦dedecms管理系统,文件目录详细解释,织梦建站必备!
本文章主要是为了今后对 Dedecms 做二次开发所写。安装后 dedecms 的目录,如 (图 1)所示, 图 1-文件根目录 “a”: 默认 HTML 文件存放目录 “data”: 系统缓存或其它可写入数据存放目录 “dede”: 默认后台管理目录“images”: 系统默认模板图片存放目录“include”: 类库文件目录 …