css - 更改 WordPress 中的产品格式

标签 css wordpress woocommerce wordpress-theming

我正在使用 Woocommerce 插件。我想在商店页面中更改我的产品格式。 现在,产品显示为“ block ”,就像在 WordPress 中显示产品的标准格式一样。

图片
Product_Name1
价格
添加到购物车按钮

图片
Product_Name2
价格
添加到购物车按钮

但现在我正在尝试让产品显示为“线条”。像这样:

Product_Name1,价格,Add_to_cart_button
Product_Name2,价格,Add_to_cart_button
Product_Name3,价格,Add_to_cart_button

该图像不需要,已成功删除。我搜索了online对于更改格式的解决方案,发现在 CSS 文件中,您可以将变量“display”从“block”更改为“inline”。但不幸的是,这并没有产生所需的解决方案。

最佳答案

覆盖 woocomerce 模板可能是这里的解决方案之一:

如果您想自定义“商店”页面,

  • 创建以下文件夹:/wp-content/yourtheme/woocommerce/
  • 将商店模板文件复制到您主题的/woocommerce/文件夹中。
  • 现在根据需要更改文件中的 html 代码/布局

您也可以通过保持相同的文件夹结构将它们复制到您的主题文件夹中来自定义其他 woocomerce 页面。

或者您也可以尝试使用以下插件: http://codecanyon.net/item/display-product-multilayout-for-woocommerce/6196331

关于css - 更改 WordPress 中的产品格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35196760/

相关文章:

css - 在 div 中定位自定义属性

不将宽度扩展到其内容的 html 容器

css - Google Font Cookie 在 WordPress 中不起作用?

javascript - woocommerce 插件无法与 WordPress 主题配合使用的典型原因是什么?

css - CSS 中带有透明文本的 Div?

wordpress - 在前端访问已删除的 WordPress 帖子

wordpress - Buddypress模板-如何自定义用户页面?

php - 如果 Woocommerce 单一产品中的库存数量少于 10,请在库存数量旁边添加文本

wordpress - 在 Woocommerce 中设置每个购物车商品的最大重量

Safari 框阴影插入支持