How to add complementary products

How to Access the Additional Products Section

Admin → Online Store → Themes
→ Customize
→ Open Default product template
→ Select Product details section
→ Add / Select Additional products block

This block displays Complementary products on the product page. You can manually select products from the Shopify Search & Discovery app to recommend items that customers may buy together.

How to Add Complementary Products

Admin → Apps
→ Open Search & Discovery
→ Click Recommendations
→ Select a product
→ Click Add recommendations / Browse
→ Choose complementary products
→ Save changes

Additional Products Block Settings

Settings	Description
Title	Add heading text for the complementary product block
Image ratio	Controls product image display ratio
Enable quick add	Show quick add button on product cards
Button style	Select primary or secondary button design
Button type	Choose button display style like icon only

Slider Settings

Settings	Description
Auto-rotate slides	Automatically move product slider items
Change slides every	Control slider autoplay speed
Enable loop	Repeat slider items continuously
Enable pagination	Show slider pagination dots
Enable navigation	Display slider navigation arrows
Navigation color	Select color scheme for navigation controls

Appearance Settings

Settings	Description
Color scheme	Change block colors based on theme color settings

Padding Settings

Settings	Description
Top	Adjust top spacing of the block
Bottom	Adjust bottom spacing of the block
Left	Adjust left spacing of the block
Right	Adjust right spacing of the block

Frontend Display

Feature	Description
Complementary products	Shows selected recommended products
Product slider	Displays products in carousel layout
Quick add	Allows customers to add items faster
Product card	Shows product image, title, price and badges