Mini-Cart

在本文中,我们将讨论Mini-Cart元素及其设置。

  1. 项目
  2. 缩略图
  3. 链接
  4. 数量
  5. 总计
  6. 按钮容器
  7. 按钮

Mini-Cart是一个独立的元素,它输出在模板文件中找到的WooCommerce库存购物车标记。这为用户提供了一种方法,可以将购物车放置在整个设计中需要的任何地方。它也可以作为以下预制元素的嵌套件:

  • 车下拉
  • 购物车模态
  • 帆布车

这些元素由它们组成的布局元素组成(例如下拉,模式,Off Canvas)小推车放在里面。这些都可以作为一个快速的起点,以一些独特的配置输出Mini-Cart,以满足各种设计需求。在本文中,我们将分解为该元素设置的各种控件列表,并讨论任何值得注意的控件。

control group包含了一些基本的设置控件,用于让购物车以您想要的方式工作,以及通常在大多数元素上看到的标准设计控件(例如边界,盒子阴影等)。

在Setup控件中,需要特别注意的是各种放置控件,这些控件允许您重新排序在购物车中找到的内容。例如,如果你想要你的总计显示在项目,你可以使用这些控件来做到这一点:

Mini-Cart

项目

项目控制组用于设置和样式化围绕在用户中找到的每个项目的标记购物车。

设置控件,您可以选择删除删除按钮(如果需要),以及内容间隔用于应用margin-right值设置为每个项中的缩略图margin-left价值删除按钮,如果存在。由于我们不能完全控制所提供的标记,这是我们发现的将这些内容平等地分隔开来的最佳方法:

Mini-Cart

缩略图

缩略图控制组功能的几个简单的控件,用于改变缩略图的外观在用户的购物车中的每个项目:

Mini-Cart

链接样式用于设置控件的颜色和格式项目标题删除按钮(如果存在)。同样,由于WooCommerce构建的标记的性质,而我们没有完全控制,由于事物结构的一些细微差别,我们觉得当这些样式在这两个标记之间共享时,输出更有凝聚力:

Mini-Cart

数量

数量控件的颜色和格式项目数量项目标题在迷你推车里:

Mini-Cart

总计

总计控制组用于设置一般样式(例如,边距,填充,边框,框阴影等)除了其文字格式和颜色外总计Mini-Cart输出:

Mini-Cart

按钮容器

按钮容器control group的目的是为Mini-Cart中发现的操作按钮周围的标记设置一个基本样式。的水平对齐控件可以使用在构建器的其他部分中使用的通用flexbox值来在水平轴上定位按钮(例如中心、中间的空间等等):

Mini-Cart

按钮

按钮控件组由可供我们使用的样式选项组成按钮元素,所以我们建议你看看这篇文章,如果你正在寻找更多的信息设置这些。请记住,在此控制组中设置的样式将应用于这两个按钮在容器内,所以你会想要考虑到设置时,如金宝搏体育官方网站保证金或者其他可能需要考虑的间隔。金宝搏体育官方网站

看到不准确的东西了吗?让我们知道

Baidu
map