Single-product sites can be created with a few small customizations to the default template.

First, you will want to create a hidden (unpublished) collection in Shopify containing only the single product you wish to feature. When creating your site, select this collection, the ‘Default’ template, and set products per page to 1. Under ‘Site Features’, uncheck ‘Pagination’, ‘Filters (brand)’ and ‘Filters (product type)’.

To adjust the site’s styling, you’ll need to click ‘Show Advanced’ at the bottom of the settings page. This will reveal two extra fields directly above.

In the first field ‘Override Variables’, enter the following to restrict the maximum page width slightly:

$container-md-max: 720px;

In the second field ‘Override Stylesheet’, enter the following:

header > a h1 {
    font-weight: 700;
}

.product {
    width: 100%;
}

.product-data {
    text-align: center;
}

.product-title {
    font-size: 56px;
    font-weight: 300;
}

.product-pricing {
    font-size: 44px;
}

This is just an example, so feel free to tweak font sizes and weights as you like.

That’s all there is to it. Click ‘Save’ and preview your site!

Did this answer your question?