It's time to create new or re-design your websites to bring it to the next level.

Collection of 200+ Free Joomla templates, support Joomla 3.9.x and Joomla 4 Listing of 300+ Best Free WordPress themes, WooCommerce compatible, Elementor supports!

Follow this instruction to add cross-sell and up-sell products to your store. Let’s suppose that your site sells teapots, teacups and serving plate. Product Brook Ceramic serving plate in section serving plate is related to another one named Paragon Blue teacup from section Teacups, and you want to see Hand painted teapot from the menu Teapots in section cross-sell.

Instruction to follow

  • Firstly, create a new article for Paragon Blue Teacup
  • Create 2 other one for Brook Ceramic Serving plate and hand painted teapot
  • At Paragon Blue Teacup article > Relations tab, enter “Brook Ceramic Serving Plate”
  • The article of Serving plate will popup, let’s add it to section Up-sells
  • Enter Hand painted Teapot in the section Cross-sells
  • Hand-painted Teacup article will popup > add it to the section Cross-sells
  • Access Menu Manager > Create a new menu for Teacups by going to J2store > Product list
  • Access tab Item view options, set YES at both options Cross-sells and Up sells
  • Go to frontend and click menu Teacups
  • At the product list, click Paragon Blue Teacup
  • At Teacup product page view, Serving plate will be listed in the section Related products and Handpainted teapot will be shown in section cross-sells.

How to show related products on the cart page

Related products will be shown in the item view page of parent product by default. Since we have added related items to required parent products, we can display them on the cart as well by the support of Related product module. When you added related items to parent products, you just need to install this module and assign it to the pages you want to show the related items and set the position.

Notice: Related products module will show the related products only when product presenting in the cart has associated Relations to it. It is the product in cart mean to have a related product added to it.


  • Download the Related products module from this link and install it by going to Extension > Install
  • Go to Extensions > Modules > Edit the module.


This module has some options which permit you to customize the look of the module in storefront.

When you finish the layout configuration, go to Menu assignment tab in the module and select the pages where you want to publish the module.

Then access the module tab and assign its position which the module will display in the selected page.

That’s it! If you have any question, please feel free to let us know by leaving a comment below, we will reply as soon as possible!

Image Credit: J2store

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

500+ Premium Joomla! and WordPress themes just $8.70/Month, Quickstart (dummy) package included, unlimited domains!


Access Life-time All-In-One Membership with all 500+ Premium WordPress themes and Joomla templates and new theme(s) every month just $199.50 (instead of $399). Life-time PRO theme access, download and support, no renewal in the future.

Get DEV plan of All-In-One Now!

Merry xMas & Happy New Year! Get 50% OFF for your purchase! Coupon code: XMASNEWYEAR50 More Details
Happy New Year 2021! Get 50% OFF for your purchase! Coupon code: XMASNEWYEAR50 More Details