完全自定义和样式您的购物车和购物车按钮。
购物车按钮。关于这个有很多要讲的。但是我们会快速而有效地完成它,甚至可能切割一些杂乱的表盘——(1)解剖购物车按钮,(2)定制默认元素,(3)添加和删除元素,(4)购物车数量元素,如果有时间,(5)显示购物车按钮内的小计。
让我们来看看购物车按钮的结构。如果我们深入挖掘,在我们的导航器中,我们可以看到它有一些东西:它有一个图标,它有一些文本(在我们的导航器中它说“cart”),它有一个购物车数量元素。(这是的当前的顾客购物车中的商品数量。)
让我们来谈谈图标。特别是图标的颜色。想要改变吗?确保图标被选中。你知道我们如何改变字体和字体的颜色吗?看,这里也是一样。
这是图标的颜色。车的文本。前阵子,我们看到一个文本块。在这个视频的脚本中,我们提到了在我们的脚本中写着“cart”。但是我们可以在这里做更多的事情:我们可以编辑文本,当然,我们也可以从实际的购物车中获取文本——看看这个:我们可以获取反映当前数量或小计的文本。这给了我们很大的灵活性我们不想让它说cart,就像之前视频中那样。
购物车的数量是多少?此文本块已连接到购物车数量字段。你可以设置它就像你可以设置任何文本元素一样。
现在让我们看看如何从购物车按钮中添加甚至删除内容。你可以在按钮上添加东西。只是…添加东西到按钮。
你可以从按钮中删除东西。只是删除。唯一不能删除的是购物车数量元素。但你可以隐藏它。
让我们深入探讨一下。车数量。可以双击名为cart button的元素。(这是我们的购物车按钮。)从这里,我们可以隐藏推车数量通过切换开关。我们可以把它重新打开。然后再次关闭。和背部。
购物车数量元素本身呢?我们可以在导航栏中选择购物车数量元素。我们可以使用这个(在元素设置下)来隐藏购物车的数量,如果购物车是空的。这意味着如果有人没有添加东西到他们的购物车中,就不会有数字0。
最后,我们可以在购物车按钮中单独显示小计。如果要显示小计,可以向购物车按钮添加文本块。就像我们之前演示的,从我们的设置中,我们可以从购物车小计中获得文本。
所以。我们讲了很多。引用狄金森的话:“沉默有时最能说明问题。”所以我们把r -不发音
一旦你添加一个购物车到您的页面,您可以完全自定义购物车按钮以及购物车本身,并设置其样式。
在本课中,我们将定制购物车按钮。要定制购物车本身,请检出定制购物车.
默认情况下,Cart按钮有一个图标、一个文本块“Cart”和Cart数量元素。
您可以通过应用字体颜色来更改Cart图标的颜色。
您可以编辑按钮文本或双击,并连接到您的购物车的数量或小计。您可以像您将任何印刷元素一样设计它的样式。
此文本块连接到您无法编辑的购物车数量字段。您可以像设置任何排版元素一样设置此元素的样式。
您可以向Cart添加其他元素,例如不同的图像或文本块,并按您的意愿设置Cart按钮的样式。您可以删除Cart图标和文本块,但不能删除Cart数量元素。可以使用Cart设置隐藏。阅读更多。
默认情况下,Cart按钮显示购物车数量——购物车中的商品总数。
隐藏的车的数量元素:
空车时隐藏购物车数量:
在购物车按钮上显示购物车的小计:
提交表单时出错了。请联系support@www.raktarban.com