---
title: "Cart design"
canonical_url: https://support.digitalphotogallery.com/articles/article/a5290f2e-b1e6-11eb-8c17-2e38a617bcc0
short_url: https://dpg.support/awtr
category: "Websites > Customisation > Dedicated Shop"
locale: en
updated_at: 2021-06-02T00:49:44Z
source: Digital Photo Gallery Support
---

# Cart design

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/e5bb800a-bfc2-11eb-9b28-facf1bc641fa/fskin_support.jpg?generated=20210528154218)

While you are working on cart styles, open the cart in the preview window so that you can see any changes take effect. }

### Cart style

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/82b5c8e4-bfbd-11eb-84b5-0e9a6ba445f3/npnpf_support.jpg?generated=20210528150353)

Click **Page** then the **Components** tab. Select the cart **Style** from the dropdown menu. 

{detail:10f1ea84-bfbe-11eb-9c40-facf1bc641fa

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/13d6654a-bfbe-11eb-bae8-0e9a6ba445f3/iryef_support.jpg?generated=20210528150749)

**Stacked** shows a larger thumbnail above the product information. }

### Product image

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/36b9c17a-bfbd-11eb-8c91-facf1bc641fa/ycqix_support.jpg?generated=20210528150152)

Click **Style** then the **Cart** tab. Scroll to the **Product Image** options and select the image style. 

{detail:56c90cb4-bfbd-11eb-babd-0e9a6ba445f3

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/5958b8a8-bfbd-11eb-8e78-facf1bc641fa/acmpa_support.jpg?generated=20210528150237)

**Cropped** crops the image to fit into the available space.}

### General cart styling

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/429327de-bfbd-11eb-9846-facf1bc641fa/xhvmz_support.jpg?generated=20210528150212)

You can find all the cart styles under the **Style** > **Cart** tab.

{detail:e3687dee-bfc2-11eb-b17d-0e9a6ba445f3 

### Checkout cart

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/4dbc13aa-bfbd-11eb-b3cf-0e9a6ba445f3/ghhus_support.jpg?generated=20210528150219)

At checkout customers are shown a smaller version of the their cart. This section can be styled separately to the main cart and can be found under the **Style** > **Checkout** tab.