html - 在 woocommerce 中合并描述和附加信息选项卡
问题描述
我在我的 wordpress 网站上使用 woocommerce,我想合并产品页面上的描述和附加信息选项卡。我想将两个选项卡的内容放在彼此下方。请注意,此处发布了一个类似的问题(有答案):Woocommerce 中的合并描述和附加信息选项卡
但是,此答案将选项卡的内容放在两列中,而不是在彼此下方。我尝试使用此答案并对其进行调整以使内容显示在彼此下方,但是我对 html 和 css 的了解不足以解决此问题(我是编码新手,尽管我很自豪地说我设法进行了一些编辑和小修复,这个问题绝对超出了我的范围......)
有没有人可以帮助我?
提前致谢!:)
解决方案
我找到了一个简单的方法来做到这一点。(审查会很棒!)描述和附加信息选项卡中显示的内容从数据库中提取并显示在这些文件中:
theme/woocommerce/single-product/description.php
theme/woocommerce/single-product/additional-information。 php
通过将additional-information.php 的以下代码复制到description.php 中,将两者的内容合并到一个选项卡中。
global $product;
$heading = esc_html( apply_filters(
'woocommerce_product_additional_information_heading', __( 'Specification',
'rehub_framework' ) ) );
?>
<?php if ( $heading ) : ?>
<div class="rh-woo-section-title"><h2 class="mt0"><?php echo ''.$heading; ?
>: <span class="rh-woo-section-sub"><?php the_title();?></span></h2></div>
<?php endif; ?>
<?php do_action( 'woocommerce_product_additional_information', $product ); ?>
推荐阅读
- jquery - jQuery $.post 函数不能异步工作
- node.js - 从我的 api-url 启动 google vm 实例并通过特定的 URL-api 端点运行特定的命令
- plotly-dash - 如何在滑块选择器上添加标签
- python - 高效合并大量 pyspark DataFrames
- java - java.lang.NoSuchMethodException: jdk.internal.module.ModuleReferenceImpl.descriptor()
- react-router-v4 - React Router:从路由配置完全/动态渲染
- c# - 使用 NQUANT 的图像量化误差
- angular - 借助坐标 Angular 4 识别播放视频中的对象
- karate - 我想通过 mvn 命令在 karate-config.js 中传递多个参数
- awk - 是否有可以处理 s 表达式流的类似 Awk 或 Lisp 的编程语言?