26
4
I am using the latest Wordpress with the Storefront Theme & Child Theme.
我正在使用最新的WordPress与店面主题和儿童主题。
I am wanting to change the height: and padding: of the columns for WooCommerce's products (actually categories but they use the same columns).
On the shop page only the categories are displayed which do not require to be as tall as product columns (no price, no sale tag, no buy now or add to cart button etc are on categories)
我想更改WooCommerce的产品栏的高度：和填充：(实际上是分类，但它们使用相同的栏)。在商店页面上只显示不需要和产品栏一样高的类别(没有价格、没有销售标签、没有立即购买或添加到购物车按钮等都是类别)
I am using this small piece of PHP in my Child Theme Functions to try and implement this but it doesn't seem to change anything, nor are any errors given:
我在My Child主题函数中使用了这一小段PHP来尝试和实现它，但它似乎没有改变任何事情，也没有给出任何错误：
个人中心
文章发布
退出function dayles_custom_shop_columns()
{
if (function_exists('is_shop') && is_shop()) {
echo "<style type='text/css'>.storefront-full-width-content .site-main ul.products.columns-4 li.product, ul.products li.product {height:320px!important;padding:20px!important;min-height:320px!important;max-height:320px!important;}</style>";
} else {
//Do nothing.
}
}
I have also tried this using !important to see if it had any difference. But nope.
我也试过使用！重要的是看看它是否有什么不同。但不是的。
Any help is appreciated!
如有任何帮助，我们不胜感激！
Where do you use this code? Is it inside action hook?
您在哪里使用此代码？是在动感勾手里面吗？
Hi, sorry for the confusion, I have updated the code in the question to show the full function to which I am using in my Child Theme Functions.
嗨，很抱歉造成混乱，我已经更新了问题中的代码，以显示我在我的孩子主题函数中使用的完整函数。
You need to add a wp_head action hook in your functions:
您需要在函数中添加wp_head操作挂钩：
Example:
示例：
function my_custom_css() {
if (function_exists('is_shop') && is_shop()) {
echo "<style type='text/css'>.storefront-full-width-content .site-main ul.products.columns-4 li.product, ul.products li.product {height:320px!important;padding:20px!important;min-height:320px!important;max-height:320px!important;}</style>";
}
}
add_action('wp_head', 'my_custom_css' );
More information on wp_head action here.
有关wp_head操作的更多信息，请单击此处。
To make the product loop on shop page of same height, please wrap all the loop items in your custom div and then write your style.
要使产品在相同高度的商店页面上循环，请将所有循环项包装在您的自定义div中，然后写下您的样式。
Paste the below code in current active theme functions.php file
将下面的代码粘贴到当前活动的主题functions.php文件中
function start_before_shop_loop_item() {
echo '<div class="custom_shop_loop_wrap">';
}
function end_after_shop_loop_item() {
echo '</div>';
}
add_action( 'woocommerce_before_shop_loop_item', 'start_before_shop_loop_item', 10 );
add_action( 'woocommerce_after_shop_loop_item', 'end_after_shop_loop_item', 10 );
Then using the class custom_shop_loop_wrap add your styling.
然后使用类CUSTOM_SHOP_LOOP_WRAP添加您的样式。
function custom_css_add_wrap(){?>
<style>
.custom_shop_loop_wrap{
height:height:320px;
max-height:320px;
}
</style>
<?php }
add_action('wp_head', 'custom_css_add_wrap' );
Ahh yes of course! - Slaps forehead! Thanks for point this out. I missed my add_action.
啊，是的，当然！-拍拍额头！谢谢你指出这一点。我错过了我的附加动作。
Coming back to this, it works perfectly, but I also noticed that if people use the search box on the page this also effects the columns. Any ideas why this would be?
回到这里，它工作得很完美，但我也注意到，如果人们使用页面上的搜索框，这也会影响列。你知道为什么会这样吗？
Try to remove this from added CSS: ul.products li.product
尝试从添加的css：ul.Products li.product中删除它
26
4
0
SO亲爱的 friend 们: 2014 年 3 月 18 日。我正在处理一种情况，在使用 ng-repeat 时，数组内的元素(我从 Json 字符串中获取)更改了原始顺序。 需要明确的是，数组中的
有很多问题询问如何在 JavaScript 单击处理程序中更改 div 的类，例如，此处:Change Div style onclick .我理解得很好(只需更改 .className)，并且它有效
我从access导入了一个数据库到mysql，但其中一个表的列名“股数”带有空格，但我尝试更改、替换甚至删除列名，但失败了。任何人都可以帮助解决这一问题 String UpdateQuary = "U
我正在做一个随机的学校元素。 目前，我有一个包含两个 CSS 的页面。一种用于正常 View ，一种用于残障人士 View 。 此页面还包括两个按钮，它们将更改使用的样式表。 function c
我需要使用 javascript 更改 HTML 元素中的文本，但我不知道该怎么做。 ¿有什么帮助吗？ 我把它定义成这样: Text I want to change. 我正在尝试这样做: docum
我在它自己的文件 nav_bar.shtml 中有一个主导航栏，每个其他页面都包含该导航栏。这个菜单栏是一个 jQuery 菜单栏(ApyCom 是销售这些导航栏的公司的名称)。导航栏上的元素如何确定
我正在摆弄我的代码，并开始想知道这个变化是否来自: if(array[index] == 0) 对此: if(!array[index] != 0) 可能会影响任何代码，或者它只是做同样的事情而我不需
我一直在想办法调整控制台窗口的大小。这是我正在使用的函数的代码: #include #include #define WIDTH 70 #define HEIGHT 35 HANDLE wHnd;
我有很多情况会导致相同的消息框警报。 有没有比做几个 if 语句更简单/更好的解决方案？ PRODUCTS BOX1 BOX2 BOX3
我有一个包含这些元素的 XELEMENT B Bob Petier 19310227 1 我想像这样转换前缀。 B Bob Pet
我使用 MySQL 5.6 遇到了这种情况: 此查询有效并返回预期结果: select * from some_table where a = 'b' and metadata->>"$.countr
我想知道是否有人知道可以检测 R 中日期列格式的任何中断的包或函数，即检测日期向量格式更改的位置，例如: 11/2/90 12/2/90 . . . 15/Feb/1990 16/Feb/1990 .
我希望能够在小部件显示后更改 GtkButton 的标签 char *ButtonStance == "Connect"; GtkWidget *EntryButton = gtk_button_ne
我正在使用 Altera DE2 FPGA 开发板并尝试使用 SD 卡端口和音频线路输出。我正在使用 VHDL 和 C 进行编程，但由于缺乏经验/知识，我在 C 部分遇到了困难。 目前，我可以从 SD
注意到这个链接后: http://www.newscientist.com/blogs/nstv/2010/12/best-videos-of-2010-progress-bar-illusion.h
我想知道在某些情况下，即使剧本任务已成功执行并且 ok=2，ansible 也会显示“changed=0”。使用 Rest API 和 uri 模块时会发生这种情况。我试图找到解释但没有成功。谁能告诉
这个问题已经有答案了: 已关闭12 年前。 Possible Duplicate: add buttons to push notification alert 是否可以在远程通知显示的警报框中指定有
当您的 TabBarController 中有超过 5 个 View Controller 时，系统会自动为您设置一个“更多” View 。是否可以更改此 View 中导航栏的颜色以匹配我正在使用的颜
如何更改.AndroidStudioBeta文件夹的位置，默认情况下，该文件夹位于Windows中的\ .. \ User \ .AndroidStudioBeta，而不会破坏任何内容？ /编辑： 找
我目前正在尝试将更具功能性的编程风格应用于涉及低级(基于 LWJGL)GUI 开发的项目。显然，在这种情况下，需要携带很多状态，这在当前版本中是可变的。我的目标是最终拥有一个完全不可变的状态，以避免状
我是一名优秀的程序员,十分优秀！