document.addEventListener("DOMContentLoaded", function() {
var acfField = document.querySelector('[data-acf-field="my_acf_heading"]'); // Adjust the selector to target your ACF field
var elementorHeading = document.querySelector('.elementor-widget-heading'); // Adjust the selector to target your Elementor Heading widget
function updateHeadingVisibility() {
if (acfField && elementorHeading) {
if (acfField.textContent.trim() === '') {
elementorHeading.style.display = 'none';
} else {
elementorHeading.style.display = 'block';
}
}
}
// Initial check
updateHeadingVisibility();
1条答案
按热度按时间rkkpypqq1#
首先,您需要编辑WordPress主题的
functions.php
文件或自定义插件。这涉及PHP编码以检查ACF字段值并有条件地打印CSS以隐藏Elementor小部件。例如:
字符串
在这段代码中,用ACF字段名替换“acf_field_name”,用elementor小部件的css类替换
.elementor-widget-your-heading-widget-class
。比第二个JavaScript动态更新:你将需要JavaScript动态显示或(未知)可能隐藏标题元素基于您的ACF字段值。所以也许你可以这样做:
型
ACF字段和元素或小部件的JavaScript选择器需要特定于您的设置,您可能需要检查输出以获得正确的选择器。