Attaching a screen shot for reference which is not a very intuitive approach, in this you have to long press on the product image thumbnail for the similar products bottom sheet to appear. I thought of having a "similar products" CTA upfront on the images, but still not convinced, can someone suggest a better approach of doing it?
Similar products to the search term or similar products to a particular product?
If it's the former, you can show similar products at the bottom of the search results, in its separate section. For the latter, I wouldn't show similar products on the search results page. You should be showing that on the product's page.
Hope this helps.
in the UX perspective similarity of products can be analysed in different contexts.
- UI context
how to present data and where? Similar products can be present both on Page List and also displaying in Buying process (complementary sales - You bought jeans - so maybe You need belt?) There should be a CTA for easy add to bag - without routing to that similar product page.
In your UI it's not neccessary to create additional modal - just similar styles below the main product should be easier and cheaper for implementation.
- Analytical context
After implementation it's important to meeasure how many users in session click on similar products and taking actions with it.
- ML context
Where will the data for the designed element be delivered from? You can use ready-made tools that calculate the similarity.