如何在WooCommerce中更改产品过滤侧边栏的Html?

时间:2018-07-16 作者:Ali Beshir

我已使用该功能dynamic_sidebar(\'sidebarId\')sidebar.php 文件

侧边栏的所有功能都很成功

我的问题是如何更改侧栏小部件的Html,并在小部件项中添加一些类以适合我的设计?

enter image description here提前谢谢你

2 个回复
SO网友:Andrea Somovigo

过滤nav的所有小部件都已经有了自己的类和ID,类别小部件有“widget\\u product\\u categories”。因此,您可以使用

<style>
.widget_product_categories h3 span {color:red}
.widget_product_categories li{color:blue}
</style>
以下小部件(按属性筛选)没有唯一的标识符类,但它们有一个唯一的id,可以通过右键单击->检查元素轻松找到它,即:

<style>
.#woocommerce_layered_nav-3 h3 {color:green}
.#woocommerce_layered_nav-3 li {color:gold}
</style>
关于更改html更为复杂,我们通常要做的是创建一个符合特定需求的新小部件

SO网友:NJENGAH

如果查看中的标记,WordPress get中的每个小部件都是唯一的ID/类inspect element 您可以看到类或ID。

还有一个快速修复解决方案,可以使用此插件向小部件添加类-https://wordpress.org/plugins/widget-css-classes/

您还可以使用HTML标记包装动态侧栏调用,例如:

<ul id="sidebar-left">
    <?php dynamic_sidebar( \'left-sidebar\' ); ?>
</ul>

结束

相关推荐

你能限制不使用php.ini上传的媒体文件的大小吗?

我面临一个问题,我们有几个客户真的不关心他们上传的图像大小,但后来及时使用,问为什么网站速度慢。因此,作为一种解决方案,如果文件的大小超过1mb或0.5mb,我想停止上传任何文件,这样在上传之前就必须调整文件的大小,使其变小。目前,我正试图通过压缩图像来加快网站速度,但其中一些图像的容量超过5mb,我必须手动删除它们并以较小的大小重新上传,这是一项耗时的任务。我知道有几个插件,但如果可能的话,我真的不想为它付费。任何帮助都将不胜感激。