---
title: "Sales Page - Product View design"
canonical_url: https://support.digitalphotogallery.com/articles/article/ebd3c2b6-b1eb-11eb-b1ec-824cb035c834
short_url: https://dpg.support/ambw
category: "Websites > Customisation > Dedicated Shop"
locale: en
updated_at: 2021-06-02T00:49:44Z
source: Digital Photo Gallery Support
---

# Sales Page - Product View design

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/6528396e-9e1c-11eb-a55e-0e9a6ba445f3/bweqo_support.jpg?generated=20210415195725)

The product view has 4 distinct layout styles and a variety of other theme customisations you can make. These can be applied to all products at once, or chosen individually per product.

The product **style**, **media fit** and **media height** settings work together to control the product view appearance. As different types of products may have different media requirements, these options allow you to customise each product to suit your images or videos. 

#### Contents:

* [Default Style](#default-style) - select the product view appearance for all products at once.

* [Default Media fit](#default-media-fit) - choose if product images and videos are cropped to fit the media area or shown in full.

* [Media height](#media-height) - define the height of the media area to control the size of product images and videos.

* [Current Set](#current-set) - override the style and media fit defaults for individual products.

* [Theme styling](#theme-styling) - general settings for colours, typography and styling of elements.

### Default Style

This defines the main layout of your sales page in product view and applies to all products at once. 

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/344b1098-c327-11eb-8179-0e9a6ba445f3/hzsqk_support.jpg?generated=20210601231807)

In the preview window navigate to one of your products. Go to **Page** then **Components**. Select the **Product View** > **Style**. 

This will be the default style for all of the products in this shop. 

### Default Media fit

The media fit controls how the product image or video fits within the space it occupies on the page.

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/24578900-c327-11eb-9940-0e9a6ba445f3/gzdgp_support.jpg?generated=20210601231737)

Go to **Page** then **Components**. Select the **Product View** > **Media Fit**. 

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/2dd2a226-c327-11eb-9739-0e9a6ba445f3/vxmmb_support.jpg?generated=20210601231748)

**Full** means that each of the images is shown in full, in its original aspect ratio. If your images are a mix of orientations (portrait and landscape) this will result in empty space around some of the images.}

The current set options are a way to override the default settings which apply to all products. They can be used to mix and match product styles across your shop. 

This can be useful if you sell products which have different presentation requirements or to highlight special items by making them stand out with a different look. 

### Theme styling

There are detailed theme options to control colours, typography and sizing of all the sales page elements.

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/9b1561dc-c329-11eb-a941-0e9a6ba445f3/yhzmh_support.jpg?generated=20210601233517)

View one of your products in the preview window and go to **Style** > **Sales**. The side panel contains settings for product view information and other page elements like the add to cart button and carousel indicators. 

> 💡 **Tip:** Typography settings apply to all layout styles, so the options you choose here will persist if you change to a different one.

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/1cb946ac-c327-11eb-8fb4-0e9a6ba445f3/wvwab_support.jpg?generated=20210601231721)

**Style** > **Sales Navigation** includes the settings for styling of the breadcrumb trail navigation, [Similar items](https://support.digitalphotogallery.com/articles/article/7cc1456c-b1ee-11eb-b1ec-824cb035c834) and [Related products](https://support.digitalphotogallery.com/articles/article/6fdd80cc-b1ee-11eb-b1ec-824cb035c834).