购物车就是用户在商店里想要购买的东西，跟购物车相关的东西有添加到购物车的按钮，购物车区块，购物车页面。在产品展示内容页面上显示添加到购物车按钮，可以把产品引用字段的显示设置为 添加到购物车表单 ..

购物车区块是一个用视图创建的区块 .. 可以把它指定页面上的某个区域上显示出来，提醒用户当前购物车里的东西 .. 这个页面右上角显示的带数字的购物袋就是购物车区块 .. 购物车区块里的内容是在一个 shopping cart block 的视图里 ...

这里显示成这种样式是我事先定制了这个视图里的内容，还有在当前主题上添加了一些自定义的 CSS 样式 ..

打开 结构 .. 视图 .. 你可以找到 shopping cart block 这个视图 .. 编辑一下这个视图可以改变购物车区块上显示的内容 ...

回到前台页面 .. 在产品展示内容页面上点击 添加到购物车 .. 可以把当前这种产品添加到购物车里 . 你会发现 购物车区块 上的数字会有变化 ..

点击页面上的信息栏上的 你的购物车 可以打开购物车页面 .. 或者也可以点击购物车区块图标 ...

这个购物车页面上会显示当前用户购物车里的内容 .. 这个页面的显示是一个叫 shopping cart form 的视图创建的 .. 这些跟购物车相关的视图是我们在启用了 commerce 的 cart 模块以后为我们创建的。

我们可以按自己想法定制这个页面的显示 .. 比如我们可以在这里显示一个产品图像 .. 鼠标放在购物车内容上 .. 会出现一个设置的图标 .. 点开这个图标 ... 选择 编辑视图 .. 可以快速的打开这个页面所属的视图 ..

在这个视图的字段这里想要添加产品图像字段，我们需要先在视图里添加一个 关联 .. 添加关联 .. 选择 Commerce 行项: 关联的商品 ...

添加并配置 ... 应用 ..

这样我们就可以添加产品相关的字段了 .. 添加 .. 可以筛选一下 .. 输入 图像 .. 然后勾选一下 Commerce 商品：产品图像 ...

格式选择 图像 .. 图像样式 选择 thumbnail ...

图像链接到这里选择 没东西 .. 这里如果选择内容的话，点击这个图像会链接到产品的编辑界面 .. 我们想要的是链接到产品展示内容的页面上 ..

打开下面的 重写结果 .. 勾选一下 将这个字段作为链接输出 .. 然后在链接路径里，输入 [commerce_display_path] ... 这个一个占位符 .. 它会输出产品所属的显示的链接 ..

这个显示路径字段已经在这个视图里存在了，所以我们可以直接输入这个占位符的代码 ..

点击 应用 ..

再重新排列一下字段的显示 .. 把产品图像放在 显示路径 这个字段的下面 .. 因为产品图像用到了这个显示路径字段里的东西 ..

应用 ... 然后 保存 ...

在购物车页面上，会显示对应的产品图像 ..

在这个购物车页面用户可以移除购物车里的东西，或者可以修改想要购买的产品的数量 ...

点击 结果 .. 会把用户带到结算页面 .. 在这个页面上，购物车内容 这块也是一个视图 .. 想改变它的显示可以修改一下 Shopping cart summary 视图 ..

也可以使用快捷的方法 ... 把鼠标放在内容上 . 点击 设置图标 .. 然后点击 编辑视图 ...

先添加一个关联 .. Commerce 行项: 关联的商品 ...

然后再添加一个 显示路径 字段 .. 因为我们想在 产品图像 字段里使用这个字段的值做为图像的链接的地址 ...

添加字段 .. 筛选一下 显示路径 . 选择 排除显示 .. 这样这个字段不会显示出来 ...

再添加一个字段 .. 筛选一下 产品图像 .. 图像样式 选择 thumbnail .. 重写结果 .. 勾选一下 将这个字段作为链接输出 ..

输入 [commerce_display_path] ..

再调整一下字段的显示顺序 .. 把显示路径放在最上面 .. 然后是 产品图像字段 ..

应用 .. 保存 ...

现在，结账页面里的购物车内容上也会显示出产品的相关图像了 ..