How Shopify Recommended Products in Your Store Can Increase Sales

Shopify Recommended Products can be a powerful way to increase sales by helping customers discover products that match their interests. Whether you showcase related products, complementary items, or products frequently purchased together, this feature encourages shoppers to explore more of your store before completing their purchase. By placing relevant recommendations on product pages, you can create additional buying opportunities without interrupting the customer journey.

Recommended products can also improve product discovery, increase average order value, and make your store easier to navigate. When combined with well-designed Premium Shopify Themes product recommendations can be displayed strategically to create a more engaging shopping experience. In this guide, we'll explore how Shopify Recommended Products work, their key benefits, and how you can use this feature effectively in your Shopify store.

What Are Shopify Recommended Products?

Shopify Recommended Products are products displayed to customers based on the item they are currently viewing, their shopping journey, or products that are relevant to their interests. They are commonly shown as related products, similar products, complementary products, or frequently purchased items on product pages.

For example, if a customer is viewing a pair of sneakers, the store can display related products such as sports socks, shoe care products, or similar sneakers. This product-level strategy works alongside broader Shopify product page customisation to create a cohesive merchandising experience.

The main purpose of Shopify Recommended Products is to make product discovery easier while creating additional opportunities to generate sales. Instead of allowing customers to leave the product page after viewing one item, recommendations encourage them to explore other relevant products and potentially add more items to their cart.

How Shopify Recommended Products Work

Recommended products are generally presented based on the relationship between products in the store. Depending on the Shopify setup and theme functionality, recommendations can help shoppers discover:

• Related products: Similar products that customers may also be interested in.
• Complementary products: Items that work well with the product being viewed.
• Similar products: Alternative products with comparable features, styles, or uses.
• Frequently purchased products: Items that are commonly bought alongside another product.
• Additional products: Other products from the store that may match the customer's interests.

When these products are displayed in a well-designed section, customers can quickly compare options and discover products they may not have found through normal browsing.

Key Benefits of Adding Related Products

Adding related products to your Shopify store helps customers discover more relevant items while creating additional opportunities to increase sales. These benefits align with core Shopify conversion rate optimization strategies:

• Increase Product Discovery: Help customers discover relevant products they may not have found while browsing your store.
• Boost Cross-Selling: Showcase complementary products that naturally go with the item a customer is already considering.
• Increase Average Order Value: Encourage shoppers to add additional relevant products to their cart, increasing the potential value of each order.
• Improve Customer Experience: Make shopping easier by presenting useful product suggestions without requiring customers to search manually.
• Increase Product Visibility: Give more products exposure by featuring them on high-traffic product pages.
• Encourage More Store Browsing: Relevant recommendations can motivate customers to explore additional products and collections.
• Promote Complementary Products: Showcase accessories, add-ons, or related items that can enhance the customer's main purchase.
• Create More Conversion Opportunities: Every relevant recommendation gives customers another product to consider and potentially purchase.

By strategically adding related products, Shopify merchants can turn individual product pages into valuable merchandising opportunities. A well-designed recommendation section can support product discovery, cross-selling, and overall store growth.

How to Enable Shopify Recommended Products in Vowel Web Themes

If you haven't yet selected your Shopify theme, we recommend reviewing our guide on how to choose a Shopify theme before proceeding. Once you have chosen one of our four premium themes Adorn, Flaunt, Dynamic, or Renovate Shopify Recommended Products are built directly into each one.

This built-in feature differs from third-party Shopify related products apps offering integrated theme customization without additional app fees. This feature allows you to display relevant products on the single product page so customers can discover additional items while viewing a product. Instead of leaving the product page after checking one item, shoppers can see suggestions such as related, similar, or complementary products in a dedicated recommendation section.

The Recommended Products feature is simple to set up and customize directly through the Shopify Theme Editor. Each Vowel Web theme comes with its own design style and customization options, giving you control over how recommended products are displayed across desktop and mobile devices. Adorn, Flaunt, Dynamic, and Renovate each offer their own set of settings and styling options, allowing you to tailor the recommendation section based on your store's design, product catalog, and merchandising needs.

To check the Shopify Recommended Products feature in any Vowel Web theme, simply click Try Theme, open the theme in the Shopify Theme Editor, and navigate to the single product page. From there, you can locate the appropriate recommended-products or related-products block and customize its appearance.

How to Access Shopify Recommended Products in Vowel Web Themes

Before configuring the recommendation section, you need to open the product template where the feature is available. The process is straightforward and can be completed from the Shopify Theme Editor.

After clicking Try Theme for the Vowel Web theme you want to explore, open the theme editor and navigate to the single product page. This is where the Recommended Products feature is displayed and configured.

Shopify Recommended Products in Adorn Theme

In the Adorn Beauty Shopify Theme the Shopify Recommended Products functionality is available through the Related Products block. Once you open the single product page in the Theme Editor, you can find this block in the left-side sidebar.

Click Related Products to open its configuration panel. The settings panel appears on the right side of the Theme Editor, where you can customize the heading, product quantity, product-card appearance, desktop layout, mobile layout, and section spacing.

Adorn also uses Shopify's dynamic recommendations functionality. Dynamic recommendations can use order and product information to change and improve product recommendations over time. This allows the recommendation area to become more relevant based on available product and shopping information.

Configure the Related Products Settings in Adorn

Once you click the Related Products block, you will see several settings that control how the recommendation section appears on your product pages.

Title

The Title setting controls the heading displayed above the recommended products.

Adorn provides a default heading such as "YOU MAY ALSO LIKE", which clearly communicates to customers that the products shown are suggestions related to the item they are currently viewing.

You can use a heading that matches your store's tone and merchandising strategy. The title should be short and immediately tell customers what the section contains.

For example:

• You May Also Like
• You May Also Love
• Related Products
• Complete Your Look
• Recommended For You

Heading Alignment

Adorn allows you to control how the recommendation heading is positioned.

You can choose from:

• Left
• Center
• Right

Choose the alignment that works best with your overall product-page design. If other product-page sections use left-aligned headings, keeping the recommendation heading aligned to the left can create a consistent visual structure.

Maximum Products to Show

The Maximum products to show setting determines how many recommended products can appear in the section.

This gives you control over the amount of content presented to customers. A smaller number can create a cleaner, more focused section, while a larger number can provide shoppers with more choices.

The ideal number depends on your product catalog and the available space in your product-page design.

Number of Columns on Desktop

Adorn also allows you to configure the Number of columns on desktop.

This determines how recommended products are arranged across larger screens. The theme automatically optimizes the layout for medium-sized screens, helping the recommendation section remain visually balanced as screen size changes.

This setting is useful when you want several recommended products to appear in a single row without making individual product cards too small.

Customize the Adorn Product Cards

The product-card settings control the visual presentation of each recommended product.

Image Ratio

Adorn provides different image-ratio options, including:

• Adapt to image
• Portrait
• Square

Choosing the right image ratio helps maintain consistency across your recommendation section. If your product photography follows a particular format, select the ratio that best matches your catalog.

Product Card Border Radius

The Product card border radius setting controls how rounded the corners of the recommendation cards appear.

This allows you to match the recommended-product cards with the visual style of the rest of your storefront.

Show Second Image on Hover

You can enable Show second image on hover to display another product image when a customer moves their cursor over a product card.

This can provide customers with another visual perspective without requiring them to open the product page. Consider exploring the quick view in Shopify feature as a complementary way to display more product details without page navigation.

Group Price and Swatch

The Group price and swatch option lets you control how product pricing and available swatches are visually grouped within the card.

This is especially helpful for stores that offer products in different colors, sizes, styles, or other variant options. To learn more about presenting color options, see our guide on color swatches.

Show Price and Swatch Side by Side

Adorn also provides the option to display the product price and swatch information side by side. This can help keep important product information compact within the product card.

Card Content Alignment

You can control product-card content alignment using:

• Left
• Center
• Right

Choose the alignment that matches the rest of your store's product-card design.

Show Vendor

The Show vendor option allows you to display the product vendor name within recommended product cards.

This can be useful for stores that sell products from multiple brands or manufacturers.

Configure the Adorn Mobile Layout

The recommendation section should also work effectively on smaller screens. Adorn provides a Mobile Layout setting where you can choose the number of columns displayed on mobile devices.

Available options include:

• 1 column
• 2 columns

A one-column layout gives each product more horizontal space, while a two-column layout allows customers to see more recommendations without excessive scrolling. For more on mobile design principles, review our Shopify mobile optimization guide.

Adjust Section Padding in Adorn

The Section Padding settings control the vertical spacing around the recommendation section.

You can configure:

• Top padding
• Bottom padding

These options allow you to create appropriate spacing between the recommended products and the sections positioned above or below them.

Once you have finished configuring the Related Products block, click Save and visit the storefront to test the recommendation section.

Shopify Recommended Products in Flaunt Theme

In the Flaunt clothing Shopify Theme the feature is available through the Product Recommendation block on the single product page.

Open the Shopify Theme Editor, navigate to the single product page, and select Product Recommendation from the left sidebar. The configuration settings will open on the right side.

Flaunt provides settings for the section heading, number of products, product-card style, image ratio, product information, mobile layout, and spacing.

Configure Product Recommendation Settings in Flaunt

Color Scheme

The Color scheme setting controls the visual color treatment of the recommendation section.

You can select the appropriate scheme or use Edit scheme to adjust the colors according to your store's design.

Keeping the recommendation section visually consistent with the rest of your storefront can make it feel like a natural part of the product page.

Heading

The Heading setting controls the text displayed above your recommendations.

Flaunt provides a default heading such as "You may also like", but you can customize the heading according to your merchandising strategy.

Heading Size

Flaunt allows you to select the heading size from:

• H1
• H2
• H3
• H4
• H5
• H6

Choose an appropriate heading level based on the hierarchy of your product page. The recommendation heading should generally remain visually distinct without overpowering the main product title.

Number of Products to Load

The Number of products to load setting determines how many recommendations are displayed.

You can adjust this according to your catalog size and the amount of space available on the product page.

Number of Columns Per Row

The Number of columns per row controls how the recommended products are arranged on larger screens.

This helps you create a balanced layout where product cards have enough space to display their images and information clearly.

Customize Flaunt Product Cards

Product Card Style

Flaunt provides two product-card styles:

• Style 1
• Style 2

You can select the style that best matches your storefront's visual appearance.

Image Aspect Ratio

The theme allows you to select the product image aspect ratio from:

• Adapt
• Square
• Landscape
• Portrait

This is useful for maintaining consistent image presentation across recommended products, particularly when your catalog contains product images with different dimensions.

Show Vendor

Enable Show vendor if you want customers to see the vendor name directly on the recommendation cards.

This can be particularly useful for multi-brand stores where the manufacturer or brand is an important part of the buying decision.

Show Product Options

The Show product options setting allows you to display product option information within the recommendation cards.

This can help customers understand available choices before opening the complete product page.

Configure Flaunt Mobile Layout

Under Mobile Layout, you can select the number of columns displayed on mobile devices.

The available options are:

• One column
• Two columns

Choose the layout that provides the best balance between product visibility and ease of browsing on smaller screens.

Adjust Section Spacing in Flaunt

The Section Spacing settings allow you to control the vertical space around the recommendation section.

You can configure:

• Top spacing
• Bottom spacing

After completing your changes, click Save and visit the storefront to check how the Product Recommendation section appears on the single product page.

Shopify Recommended Products in Dynamic Theme

The Dynamic Shopify Theme also includes the Shopify Recommended Products functionality within the single product page. To configure it, open the Theme Editor, navigate to the single product page, and select the Related Products block.

The settings panel on the right provides options for the color scheme, heading, product quantity, columns, product-card information, mobile layout, and section spacing.

Configure Related Products Settings in Dynamic

Color Scheme

The Color scheme controls the visual appearance of the recommendation section.

You can select an existing scheme or choose Edit scheme to customize its colors.

This makes it possible to maintain a consistent visual identity between the recommendation section and the rest of your storefront.

Heading

The Heading setting controls the title shown above the recommended products.

Dynamic includes a default heading such as "You may also like", which can be customized to suit your store.

A clear heading helps customers immediately understand why these products are being displayed.

Number of Products to Load

Use Number of products to load to determine how many recommended products should appear.

This gives you control over the size of the section and prevents the product page from becoming unnecessarily crowded.

Number of Columns Per Row

The Number of columns per row setting controls the desktop arrangement of the product recommendations.

Selecting an appropriate number of columns helps ensure that each product card has sufficient space for its image and information.

Configure Product Cards in Dynamic

Dynamic keeps its recommendation product-card configuration straightforward.

Show Vendor

The Show vendor setting allows you to display vendor information on recommended products.

You can enable this option when vendor or brand identity is an important part of your product catalog.

Displaying vendor information can make it easier for shoppers to distinguish between products from different brands.

Configure Dynamic Mobile Layout

Under Mobile Layout, Dynamic provides options for controlling the number of products displayed across each row on smaller screens.

Available options include:

• One column
• Two columns

The two-column layout allows customers to see more products within a smaller vertical space, while the one-column layout gives each recommendation more room.

Adjust Section Spacing in Dynamic

Dynamic also provides Section Spacing controls for:

• Top spacing
• Bottom spacing

Use these settings to control the distance between the Related Products section and the surrounding sections on the product page.

Once the configuration is complete, click Save and check the storefront to confirm that the recommendations are displayed as expected.

Shopify Recommended Products in Renovate Theme

The Renovate Shopify Theme also includes a dedicated Product Recommendation block on the single product page.

After opening Renovate in the Shopify Theme Editor, navigate to the single product page and select the Product Recommendation block from the left sidebar. Its settings will then appear in the right-side panel.

Renovate offers extensive customization options, including color scheme, heading alignment, recommendation quantity, product-card appearance, image settings, quick view, color swatches, secondary images, mobile columns, and section spacing.

Configure Product Recommendation Settings in Renovate

Color Scheme

The Color scheme setting controls the colors used within the recommendation section.

You can select an existing color scheme or choose Edit scheme to adjust the colors and make the section consistent with your storefront.

Heading

The Heading option controls the title displayed above your recommendations. Renovate provides a default heading such as "You may also like".

You can customize this text to match your store's merchandising style.

Heading Alignment

Renovate allows you to choose how the heading is aligned:

• Left
• Center
• Right

This gives you greater control over how the recommendation section fits into the overall product-page layout.

Number of Recommendations

The Number of recommendations setting determines how many products are displayed in the recommendation section.

Adjust this according to the size of your catalog and the amount of content you want customers to see.

Number of Columns Per Row

The Number of columns per row setting controls the arrangement of recommendations on larger screens.

A suitable column count helps maintain a clean layout while ensuring that customers can clearly view each recommended product.

Customize Renovate Product Cards

Renovate provides several product-card settings that allow you to control how individual recommendations look.

Show Card Background Color

You can enable Show card background color to give product cards a distinct background treatment.

This can help visually separate individual recommendations from the surrounding page.

Text Alignment

Renovate provides three text-alignment options:

• Left
• Center
• Right

Select the alignment that matches the design language of your product cards.

Product Title Size

You can choose between:

• Small text
• Normal text

This gives you control over how prominent product names appear within the recommendation cards.

Image Aspect Ratio

Renovate provides several image-ratio options, including:

• Square
• Portrait
• Adapt to image

Selecting an appropriate ratio can help create a consistent visual presentation across your recommended products.

Enable Quick View

The Enable quick view option allows customers to access product information through a quick-view experience without necessarily navigating away from the current page.

This can make browsing recommendations more convenient, particularly when shoppers want to inspect multiple products quickly.

Show Color Swatches

You can enable Show color swatches to display available color choices within recommended product cards.

This is particularly useful for fashion, apparel, accessories, and other stores where color variations influence purchasing decisions. Learn more about implementing color swatches.

Show Secondary Image

The Show secondary image option provides another visual representation of the recommended product.

Displaying an additional image can help shoppers understand the product better before opening its complete product page.

Configure Renovate Mobile Layout

Renovate includes a Mobile Layout setting that allows you to control how many recommendation columns appear on mobile devices.

You can select:

• 1 column
• 2 columns

The appropriate option depends on your product-card design and the amount of information displayed within each card.

Adjust Section Spacing in Renovate

The Section Spacing settings provide control over the vertical spacing around the Product Recommendation section.

You can configure:

• Top spacing
• Bottom spacing

These settings help you create a comfortable visual gap between the recommendation section and the other components of your product page.

After completing all customizations, click Save and open the storefront to test the recommendation section on the product page.

Test Shopify Recommended Products After Configuration

Once you have configured the feature in Adorn, Flaunt, Dynamic, or Renovate, the final step is to check the live storefront or preview of the theme.

Open a product page and scroll to the Recommended Products, Related Products, or Product Recommendation section. Check that the products are displayed correctly and that the layout matches your selected settings.

It is also important to check the section on both desktop and mobile screen sizes. Since each theme provides different responsive settings, reviewing both layouts ensures that your recommendation cards remain easy to browse across devices. For more on mobile best practices, see our mobile optimization guide.

After testing, monitor your storefront performance using Shopify store analytics to measure the impact of recommendations on customer engagement and order value.

Conclusion

Shopify Recommended Products are a simple yet effective way to help customers discover relevant products while creating additional opportunities for sales. Vowel Web makes this functionality readily available across its four premium Shopify themes: Adorn, Flaunt, Dynamic, and Renovate. Each theme provides dedicated recommendation settings that let you control headings, product quantity, columns, product-card appearance, mobile layout, and spacing.

You can easily access the feature through the Shopify Theme Editor, customize it according to your store design, save the changes, and test it on your product page. By using this built-in feature strategically, you can create a more engaging shopping experience and encourage customers to explore more products.

FAQs

1. What are Shopify Recommended Products?

Shopify Recommended Products are relevant product suggestions displayed on product pages to help customers discover related, similar, or complementary items while shopping.

2. Which Vowel Web themes include Shopify Recommended Products?

The feature is built into all four Vowel Web premium Shopify themes: Adorn, Flaunt, Dynamic, and Renovate.

3. How do I access Recommended Products in Vowel Web themes?

Open the theme in the Shopify Theme Editor, navigate to the single product page, and select the relevant Related Products or Product Recommendation block from the left sidebar.

4. Can I customize the Recommended Products section?

Yes. Depending on the theme, you can customize settings such as heading, number of products, columns, image ratio, product-card style, vendor visibility, mobile layout, and section spacing.

5. Can I test Recommended Products before publishing my theme?

Yes. After configuring the section, click Save and preview the product page to check how the recommendations appear on desktop and mobile devices.