#important-announcements

Typesense Ecommerce Storefront Showcase Discussion

TLDR Mica discussed enhancements and filters for an ecommerce storefront using Typesense. Jason offered resources on filters and handling facets count issues reported by Claudiu. Jason also implemented a solution to fix the problem.

Powered by Struct AI

3

1

1

1

1

13
31mo
Solved
Join the chat
Jun 18, 2021 (31 months ago)
Jason
Photo of md5-8813087cccc512313602b6d9f9ece19f
Jason
02:49 AM
New showcase alert: here's how to build an ecommerce storefront (product listing pages) with Typesense: https://ecommerce-store.typesense.org/

2

1

Mica
Photo of md5-a9a351e11d64f05b41fec183816a0cda
Mica
08:58 AM
I can't see any global search bar (just one for the brands) is that normal?
09:00
Mica
09:00 AM
It's awesome, I'm currently building an e-commerce website using Algolia + InstantSearch, it's great to have an example with Typesense I really felt like it was missing.

1

09:04
Mica
09:04 AM
Would it be easy to add filters that appear only for the relevant items? For example if there were phones and speakers, both would have a battery capacity but only phones would have a screen size. And would it be made with the front-end or could it be done using Typesense? I'm looking into implementing a classification system into the website for this kind of purpose.
Jason
Photo of md5-8813087cccc512313602b6d9f9ece19f
Jason
05:58 PM
> I can't see any global search bar (just one for the brands) is that normal?
I wanted to emphasize the fact that you don't need a search bar per se to use Typesense, which is why I skipped adding it to the UI. I can may be add a small search bar on the top right so it doesn't steal attention

1

06:02
Jason
06:02 PM
> Would it be easy to add filters that appear only for the relevant items? For example if there were phones and speakers, both would have a battery capacity but only phones would have a screen size. And would it be made with the front-end or could it be done using Typesense?
You can do this yes, but if you want to implement it without a page refresh or creating a new page (where you'd instantiate the required filters based on the page), then you'd have to create a new custom widget in Instantsearch, that looks at the results for a particular query and then based on the attributes returned in the results, the widget would have to issue a new call to Typesense this time with facet_by set to those fields and then render widgets for the facetted attributes returned.
06:03
Jason
06:03 PM
Looks like Algolia has put together a guide on how to do this with Instantsearch: https://github.com/algolia/dynamic-faceting-instant-search-guide

1

Jun 21, 2021 (31 months ago)
Mica
Photo of md5-a9a351e11d64f05b41fec183816a0cda
Mica
12:46 PM
Awesome, that looks like something that would help us. It theory it should work with Typesense without any change needed?
Jason
Photo of md5-8813087cccc512313602b6d9f9ece19f
Jason
03:36 PM
Yup it should, but let me know if you run into any issues
Jul 02, 2021 (31 months ago)
Claudiu
Photo of md5-d619094f9c50a3e0a4927dc0e63ba30d
Claudiu
08:56 AM
Jul 03, 2021 (31 months ago)
Kishore Nallan
Photo of md5-4e872368b2b2668460205b409e95c2ea
Kishore Nallan
03:15 AM
Thanks for reporting this. It is a quirk because of the way multiple queries are assembled for the final UI. The demo is using the default typo_tokens_threshold value and that causes actual records fetched to vary slightly between the search query used to populate results vs the brand facet counts.

This has been a bit of a surprising behaviour in some cases, so we are going make the default value of typo_tokens_threshold to just 1 to address it.
Jul 05, 2021 (31 months ago)
Jason
Photo of md5-8813087cccc512313602b6d9f9ece19f

Typesense

Lightning-fast, open source search engine for everyone | Knowledge Base powered by Struct.AI

Indexed 3011 threads (79% resolved)

Join Our Community

Similar Threads

Troubleshooting Typesense Setup and Understanding Facets and Keywords

Demitri encountered errors when exploring Typesense for the first time. Jason guided them through troubleshooting and discussed facets, keyword settings, and widget configurations. Helin shared a Python demo app and its source code to help Demitri with their project.

1

56
21mo
Solved

Typesense Products Filtering Issue with Mixed AND+OR Filtering

Dmytro faced issues in implementing mixed AND+OR filtering for product filtering on Typesense using `'typesense-instantsearch-adapter'` despite using several approaches and facets. Jason suggested increasing the number of facets fetched and trying a different server version but the issue remains.

8
18mo

Troubleshooting Typesense Instantsearch Adapter's 'filters' Property

Carl was unable to use the `filters` property of Typesense Instantsearch adapter for network call. Jason suggested using a scoped API key to combine filters and also recommended experimenting with dynamic filtering rules for multiple product numbers. Carl is satisfied with these solutions.

4

18
21mo
Solved

Dynamic Facets in Typesense Cloud Version and Optimizing Performance

Andrew asked about dynamic facets in Typesense. Jason gave in-depth explanations and confirmed that Typesense API already supports dynamic facets. Alex inquired on improving performance and SSR support, and Jason suggested server-side rendering and caching for optimized performance.

1

14
13mo
Solved

User-Specific Tagging and Filtering in UI

bnfd asked for the best way to create user-specific tags available on the UI. Jason suggested using personalized filters and creating a separate collection for each user's movies. The duo clarified the use of 'tags' in schemas and the refinementList widget in instantsearch. They also discussed various approaches to import and search large document collections.

1

46
29mo
Solved