ShopAssist

Enhance ShopAssist - nopCommerce

Question pills and Compare on a nopCommerce store.

Read Enhance ShopAssist first. The pills need questions in the client dashboard, and Compare needs the shop-level switch from support.

Both features come with the ShopAssist plugin and need no extra setting in the nopCommerce admin. They show whenever Show the chat widget is ticked on the plugin's configuration page, which it is after the install.

Question pills

The plugin places a question block in the productdetails_overview_bottom widget zone of every product page, under the price and the add-to-cart button. The block fills with the questions the client dashboard holds for that product, and stays hidden on products without any.

  1. In the client dashboard, open FAQ and select Generate all. ShopAssist writes questions and answers for every product.
  2. Switch the pills on for the products that should show them. To cover the whole catalog, set the Questions filter to products with questions and select Enable pills.
  3. Open a product page on the storefront. The questions appear under the add-to-cart button, in the widget color set in the dashboard.

A nopCommerce product page for the Apple MacBook Pro 13-inch, with a Compare button on the product image and four question pills under the Add to cart button.

A click opens the chat with the product name and the question. When the question has a stored answer in the dashboard, the shopper gets that answer word for word. Otherwise the assistant answers from the catalog.

The block finds the product from the page's canonical link, so a theme that drops <link rel="canonical"> falls back to the page address. A theme without the productdetails_overview_bottom zone shows no block.

Compare

  1. Ask support to switch Compare on for the shop.
  2. Check that Show the chat widget is ticked on the plugin's configuration page.

The button appears in the corner of the product image and of every product card on category pages, search results and the home page.

A nopCommerce notebooks category page, with a Compare button in the top right corner of each product card.

The two places work differently:

  • On a product page, Compare opens a panel of similar products. The shopper picks one, and the chat opens with the two side by side and a recommendation.

  • In a listing, the first click marks that card Selected, and every other card's button changes to Compare with. A click on a second card opens the comparison. Clicking the selected card again clears it.

The ShopAssist chat comparing the Apple MacBook Pro 13-inch and the HP Spectre XT Pro UltraBook side by side, with an Our pick badge and price, availability, best for, display, processor and memory rows.

The plugin tells the widget where to place the buttons: the product image inside .product-essential on a product page, and each .product-item card in a listing. The default theme and themes based on it keep both.

Troubleshooting

SymptomCauseResolution
Compare on the product page, plain cards in listingsThe theme replaces the .product-item cardEmail support with the theme name
No Compare button on the product imageThe theme renames the .product-essential galleryEmail support with the theme name
A product page shows no question blockThe product has no questions, or its pills are off in the dashboardGenerate the questions, then switch its pills on
No question block on any productThe theme has no productdetails_overview_bottom zoneEmail support with the theme name

For pills or a Compare button missing on every platform, see the shared troubleshooting.

Last updated on

On this page