Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >当if -语句为true时,“隐藏”元素(类似于if>然后)

当if -语句为true时,“隐藏”元素(类似于if>然后)
EN

Stack Overflow用户
提问于 2022-10-24 01:33:58
回答 2查看 48关注 0票数 0

我的代码在woocommerce中为我的产品添加了一个自定义字段:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
add_action( 'woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3 );
function shoptimizer_custom_author_field() { ?>
<?php if(get_field('author')) { ?>
<div class="cg-author"><?php the_field('author'); ?></div>
<?php }
}

现在我想在if语句中添加一个条件:“如果字段不是空的,请隐藏产品标题”。

产品页产品标题的类似乎是"product_title“。

一旦它被添加到上面的代码中,它将是多么的吸引人。我认为这不是什么大事,但我的理解以HTML和CSS结束。

EN

回答 2

Stack Overflow用户

发布于 2022-10-24 01:52:32

我不确定我是否正确地理解了您的问题,但是如果您想隐藏产品标题(如果自定义字段不是空的),可以使用以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
add_action('woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3);

function shoptimizer_custom_author_field() {
    if (get_field('author')) {
        echo '<style>.product_title { display: none; }</style>';
    }
}

如果要隐藏自定义字段为空的产品标题,可以使用以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
add_action('woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3);

function shoptimizer_custom_author_field() {
    if ( ! get_field('author')) {
        echo '<style>.product_title { display: none; }</style>';
    }
}
票数 0
EN

Stack Overflow用户

发布于 2022-11-01 10:23:41

为了总结这条主线,下面任何一个寻求类似答案的人都可以复制和粘贴对我有用的解决方案:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
add_action( 'wp_head', function() {

    ?><style>
    h1.product_title.entry-title {
    display: none;
}

.cg-title h1.product_title.entry-title {
    display: block !important;
}
    }</style><?php
    
} );


add_action( 'woocommerce_single_product_summary', 'shoptimizer_custom_author_field', 3 );
  
function shoptimizer_custom_author_field() { ?>

<?php if(get_field('author')) { ?>
    
    <div class="cg-author"><h1><?php the_field('author'); ?></h1></div>
<?php }
else {?>
<div class="cg-title"><?php woocommerce_template_single_title(); ?> </div> 
<?php   
    }
}

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

https://stackoverflow.com/questions/74179138

复制
相关文章
当flex容器中包含absolute元素时
我们设置了justify-content: center;,不同机型显示区别如下:
celineWong7
2020/11/05
3.7K0
ReturnSingleDatabase为True报错
出现这个错误是因为Excel在最初发布的2016版本上加入了更新,而流传的破解包都是最初发布的版本,但好在即使是破解版本我们依然可以更新
但老师
2022/03/22
3560
ReturnSingleDatabase为True报错
如何给3个布尔变量,当其中有2个或者2个以上为true才返回true
给3个boolean变量,a,b,c,当其中有2个或2个以上为true时才返回true?
硬核编程
2020/07/23
1.1K0
mybatis当传入数据类型为Int时并且值为0时,会判断为空字符串
今天在mbatis中使用Xml配置sql语句时,出现了这样一个问题。当我传入的参数为0去做判断时,mybatis会把参数0当成是空字符串去判断而引起查询结果错误。
botkenni
2022/06/01
3.6K0
调用 subprocess 时小心 shell=True
Python 中的 subprocess 模块可以轻松实现执行外部命令和进程的功能。我们经常会用它来调用一些命令行工具的功能。但是在使用 subprocess 调用复杂命令时,有一个容易犯但影响比较大的错误 - 使用shell=True参数,导致命令行解析错误,子进程执行失败。
测试开发囤货
2023/05/25
9020
调用 subprocess 时小心 shell=True
Collectors.toMap 当value为空时,报空指针
import java.util.ArrayList; import java.util.List; import java.util.Map; import java.util.stream.Collectors;
botkenni
2022/11/12
3.1K0
Collectors.toMap 当value为空时,报空指针
js推断元素是否隐藏[通俗易懂]
if ( document.getElementById( "div" ).css( "display" )=== 'none' )
全栈程序员站长
2022/07/10
8.9K0
元素的显示与隐藏
在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow。
星辰_大海
2020/09/30
4.4K0
CSS隐藏元素的方法
使用CSS隐藏元素的主要方式有diaplay: none;、opacity: 0;、visibility: hidden;、position: absolute; overflow: hidden;、clip-path: polygon(0 0, 0 0, 0 0, 0 0);、height: 0; overflow: hidden;。
WindRunnerMax
2020/08/27
2.6K0
用 CSS 隐藏页面元素
用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。
全栈程序员站长
2022/08/09
1.6K0
【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )
设置 display: block 可以显示元素 , 同时该样式还可以将元素转为块元素 ;
韩曙亮
2023/04/16
5.5K0
【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )
IL3002:当发布为单个文件时,避免调用
将应用发布为单个文件(例如将项目中的 PublishSingleFile 属性设置为 true)时,调用使用 RequiresAssemblyFilesAttribute 属性注释的成员与单文件不兼容。 这些调用可能不兼容,因为使用此属性注释的成员要求程序集文件位于磁盘上,而嵌入单文件应用的程序集已加载到内存中。
呆呆
2022/02/26
4580
JQuery 隐藏和显示html元素
$(function(){ $("#bubmitBtn").click(function(){ //首先需要把提示标签全部隐藏掉 $("#nameInvalid").hide(); $("#emailInvalid").hide(); $("#pwdInvalid1").hide(); $("#pwdInvalid2").hide(); //检查用户名: 长度为6到12位, 只能输入数字和英文和下划线 //alert("--"); var $nameEle = $("#UcenterMember_account"); var reg = /^\w{6,12}$/; if(!reg.test($nameEle.val())) { $("#nameInvalid").text(" *用户名长度为6到12位, 只能输入数字和英文和下划线"); $("#nameInvalid").show(); //alert("用户名长度为6到12位, 只能输入数字和英文和下划线"); $nameEle[0].focus(); return false; } //邮箱格式必须正确, 可以不输入 var $emailEle = $("#UcenterMember_email"); reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if($emailEle.val()!="" && !reg.test($emailEle.val())) { $emailEle[0].focus(); $("#emailInvalid").text(" *邮箱格式不正确!"); $("#emailInvalid").show(); //alert("邮箱格式不正确!"); return false; } //检查密码: 长度为6位, 只能输入数字和英文 var $passwordEle = $("#UcenterMember_password1"); reg = /^[a-zA-Z0-9]{6,15}$/; if(!reg.test($passwordEle.val())) { $("#pwdInvalid1").text(" *密码的最低长度为6位, 只能输入数字和英文"); $("#pwdInvalid1").show(); //alert("密码的长度为6位, 只能输入数字和英文"); $passwordEle[0].focus(); return false; } //确认密码必须与密码相同 var $password2Ele= $("#UcenterMember_password2"); if($password2Ele.val()!=$passwordEle.val()) { $password2Ele[0].focus(); $("#pwdInvalid2").text(" *确认密码必须与密码相同"); $("#pwdInvalid2").show(); //alert("确认密码必须与密码相同"); } return true; }); });
wust小吴
2019/07/05
9.3K0
winform中textbox属性Multiline=true时全选
1、文本框右键属性 => 添加KeyDown事件。 2、添加如下代码: private void txt_result_KeyDown(object sender, KeyEventArgs e) { if (e.Control && e.KeyCode == Keys.A) { ((TextBox)sender).SelectAll(); } }
磊哥
2018/05/08
1K0
CSS隐藏元素的几种方式
回流:当我们修改元素的几何位置属性,如宽度、高度时,浏览器会重新布局,这个过程就叫回流
赤蓝紫
2023/03/16
2K0
CSS隐藏元素的几种方式
当AI泡沫破裂时……
很显然我们目前处于一个不稳定的状态。这到底是一场泡沫还是一次革命?答案是当然包含一点革命——深度神经架构所创造的实实在在的成功已经颠覆了视觉和语音识别领域,更通用的机器学习也已经有了大量真实世界用例。
刀刀老高
2018/07/24
3600
当AI泡沫破裂时……
很显然我们目前处于一个不稳定的状态。这到底是一场泡沫还是一次革命?答案是当然包含一点革命——深度神经架构所创造的实实在在的成功已经颠覆了视觉和语音识别领域,更通用的机器学习也已经有了大量真实世界用例。
机器之心
2018/07/26
3760
ReturnSingleDatabase为True报错的解决办法
出现这个错误是因为Excel在最初发布的2016版本上加入了**更新**,而流传的破解包都是最初发布的版本,但好在即使是破解版本我们依然可以更新
但老师
2020/08/02
5930
ReturnSingleDatabase为True报错的解决办法
为啥PHP in_array(0,['a', 'b', 'c']) 返回为true?
但是,直观上看, 0并没有包含在['a', 'b', 'c']数组中,也不会等于'abc'这个字符串。那怎么解释上述的返回结果呢?
架构精进之路
2020/08/17
1.6K0
不同场景下使用CSS隐藏元素
使用 CSS 让元素不可见的方法很多,剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见,但背后却在多个维度上都有差别。
laixiangran
2018/07/25
1.4K0

相似问题

PHP -当语句为true时隐藏元素

367

当语句为TRUE时隐藏列

10

当if语句为true时打开actvity

12

当IF语句为true时查看活动

56

当条件语句为false & true时,Javascript代码计算为true

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文