Product pages

For your product pages, Kingdom lets you change the gallery style, tweak the image aspect ratio, enable various features such as zoom, related products and product sharing.

To tweak the layout of your product pages:

  1. Navigate to a product page in the theme editor.
  2. Click the Sections tab.
  3. Click Product page.
  4. You will see a list of checkboxes to show or hide various information from the product page.
  5. Under the Gallery options, you can edit the design of the gallery. 
    1. Sliders work very well for tall, portrait or square images. They also work well if you have many images and don't want your users to scroll a lot.
    2. Scroll galleries work well for square or landscape images. But they will always turn into sliders on mobile devices.
  6. The gallery image aspect refers to how the images appear in the gallery.
    1. Natural will never crop your images, however, if you choose a slider design and your image has a landscape ratio, it might not be full visible, because it will not fit in the viewport. So natural really works well with square images or when the gallery is not a slider.
    2. Cropped will always fill the gallery container to show the image in that area.
  7. The mobile gallery height is also important, because you have two options:
    1. Variable, case in which on mobile devices, the images will show up in their original size. If the product images are not the same size, the slider will adapt it's height to fit each image's size. This is the best choice by default, unless you have portrait images, which might not fit into the phone's screen so your users would have to scroll down to see the entire image.
    2. Fixed (cropped). This is a good case for portrait images (even if they will get cropped), because it will give the slider a fixed height, so users will always see the same size. It is also a good option for when your images have various heights.

Product toggles

You can add up to 4 toggles to show more information on the product page, after the product's description. You can add these by pressing the Add toggle button at the end of the product page section. These are general blocks, which will appear in all products.

Product recommendations

Product recommendations are handled by Shopify's algorithms, which you can read more about here: https://help.shopify.com/en/themes/development/recommended-products

You can add a heading to these and also choose to show them before or after the product story.

Product story

This is a great section to enrich your product page with various media content. You can use this area to showcase more information about your products, create lookbooks or add product videos.

You can add content by clicking the Add content button and then choose from one of the three available types:

  1. Image with text
  2. Rich text
  3. Video: background (MP4)

Each block gives you the possibility to make it visible on a single product or a single collection. This is a great way to create content that is different throughout your site, making a really incredible experience for your customers.

Make sure that you don't overuse this section, and for performance reasons, don't use more than 4-6 blocks per page.
UP NEXT: Collection pages