Complete the look
Use the Complete the look section to promote multiple products that go well together. Display a large image or video that features your products together and let customers add them directly to their cart.
Set up section
In the editor side panel, click (+) Add section and select Complete the look. Use the drag handles ⋮⋮ to re-order sections.
Click the section to edit general section styles, like colors, width, padding, and the section header.
Editing templates change all pages that use that template. For unique pages, use new templates or dynamic metafields
Add featured media
Display either an image or autoplay video next to the product cards.
Click section to find settings
Image
Select or upload a feature image that shows selection of your products together.
Media position
Display the feature image on the Left or Right side of the section.
Image aspect ratio
Crop the shape of the image or video to Square, Landscape, or Portrait. Choose Natural to display the original image shape.
Autoplay video
Instead of a large feature image, you can add an autoplay video (without sound) that loops continuously. You can also choose whether to Loop video and Show video controls.
For theme versions 3.0.0 and later, you can upload a .mp4 video directly in the section settings. For earlier versions, you must upload your video to Content > Files in your Shopify admin, then copy the file link into the section settings.
STEPS (v3.0.0 or later)
In your theme editor (Customize):
Click the Video hero section.
Under Shopify video, click Select video.
Select a .mp4 video, or click Add videos to upload a .mp4 video file.
(Optional) Under Mobile Shopify video, click Select video for a background video that appears only on mobile devices.
You may want to upload a video file that has been cropped to a different shape (aspect ratio) to better fit a vertical screen.
Under Media height, choose to display the video with a Custom or the Original height (without cropping).
If Custom height is selected: adjust the Height and Mobile Height of your video between 50% to 100% of the maximum height.
The Height is the percentage of the window height on your customer's device. When Custom height is set to 50%, the video will always display at half the height of the customer's screen.
Use Media focal points to specify the main focus of your images. The focal point of your image will remain centered and within frame when your site adapts to different screen sizes.
Click Save.
STEPS (v2.4.0 or earlier)
In your Shopify admin:
Go to Content > Files to open your Shopify files.
Click the Upload files button to add your
.mp4file from your computer.Once your file has been processed, click the Link icon next to the file to copy the URL.
You may need to refresh the page for your file to appear.
In the theme editor (Customize):
Click the Complete the look section to open the settings.
Paste the link into the Video link field. Click on the the link that appears in the results above.
Click Save.
For autoplay videos, make sure your video files meet the following requirements:
Video file type
.mp4 or .mov
Embedded YouTube or Vimeo videos are not supported.
Video length
< 20 seconds (Recommended)
Video size
< 10MB (Recommended)
Click section to find settings
Shopify video
Select or upload a video that autoplays (without sound).
Loop video
Choose to play your short video continuously.
Show video controls
Choose to show buttons to let the customers pause, enlarge, or adjust the volume.
Add product card blocks
Display individual product cards for each product in your 'Complete the look' set, and customize their image and size.
Add up to 4 products. Click and hold the drag handles
⋮⋮to rearrange the blocksUpload a custom image for each product
Change the image size
Click section to find settings
Select product
Choose a product to display with its title, price, and a quick view button. Add multiple products that are shown in your feature image.
Custom product image
Select or upload an image to replace the default product image.
Image size
In the section settings, set the size of the product images to Small, Medium, or Large.
Related links
Last updated