Posts

PrestaShop is based on open source platform for e-commerce which provides smooth shopping cart system with control over the look and functionality of the store. It is growing in the e-commerce market day by day. More traders are using this platform for their e-store. It provides various feature for an e-commerce store , you can check its features in our previous blog. With the increase in the e-commerce stores, mobile-commerce has also become popular these days. Mobile visits account for one-third of e-commerce sites traffic. To have an e-commerce mobile app for electronic commerce store is like putting a retail outlet in the customer’s pocket . PrestaShop provides SEO, items management, and other tools which enforce traders to have the mobile app for superb shopping experience for customers. In this blog, I am going to discuss some important features i.e searching , sorting and filtering implementation in the Prestashop mobile app.

Let me first start with the basics. PrestaShop system API is constructed by principle CRUD (Create, Read, Update, Delete). All methods are to be called through the /api/ gateway. Most methods can be accessed in a REST manner, with the 5 main HTTP request methods: HEAD, GET, POST, PUT, DELETE.

How to Search products in PrestaShop mobile app using REST API

search can only be accessed using GET and HEAD in PrestaShop API . Following the syntax for retrieving searched data or product :

/api/method/?filter[parameter name to search]=[parameter value to search]

for example- let search a product by its name , then its request call will be like :

/api/products/?display=full&filter[name]=[Blouse]

This call will return the product full details with the name “Blouse”. In the above syntax “parameter name to search” can be anything that products method has in its schema. You can search as many numbers of values at a time i.e :

How to Sort products in PrestaShop mobile app using REST API

/api/method/?sort=[sort by field with the suffix _ASC _DESC or in the order]

for example- let sort products by its name , then its request call will be like :

/api/products/?display=full&sort=[name_ASC]

This call will return the product in ascending order of ‘name’ with all details.

/api/products/?display=full&sort=[price_DESC]

How to Filter products in PrestaShop mobile app using REST API

Following the syntax for filtering data or products :

/api/method/?filter[field]=[value1|value2]

Above syntax filter “field” with value between ‘value1 ” and “value2”

/api/method/?filter[field]=[value1,value2...]

Above syntax filter field for values specified between brackets

/api/method/?filter[field]=[value]%

Above syntax filter “columns” for values containing “value”

for example- let filter products by its ids then its request call will be like :
/api/products/?display=full&filter[id]=[1,10] – This will list the products with id 1 to 10.

/api/products/?display=full&filter[id]=[1|5] – This will list all the products between 1 to 5

/api/products/?display=full&filter[name]=[appl]% – This will list all the products name starting with “Appl”.

NOTE: In the above all calls “display=full” means it will display all product details. You can display your product according to your choice. For example – “display=[birthday]” will display only the birthday.

Conclusion

As the implementation of PrestaShop framework is increasing day by day for the e-commerce stores , demand for mobile-commerce is also increasing with the same speed and popularity. So developing an e-commerce mobile app is becoming common and for any e-commerce store searching, sorting and filtering are very common and powerful property. Keeping these all things in mind I wrote this article to help the new developer for PrestaShop. I hope this will help you… :-). Below is our sample app based on Prestashop REST API, you can refer it as an example which has shown the use of sort, search and filter APIs.

Prestashopee
The PrestaShopee mobile app developed using native platforms that gels well with all mobile devices.It has used PrestaShop’s APIs for data. Further performance wise your app will be steadfast and hence customers are assured of a quick shopping experience.

References

Prestashop is a free open-source which provides the solution for e-commerce. For more information, you can visit the following link PrestaShop.

PrestaShop provides documentation for the list of all basic APIs that are needed for the e-store.To get more details about the documentation you can visit this link PrestaShop Webservice

Multiple Filters is the selection of the multiple items from the multiple categories. In this tutorial we are going to learn that how we can select multiple items from the different list simultaneously.

Here we use two RecyclerView to implement Multiple Filters. RecyclerView is more useful,valuable,malleable and ahead version of ListView. It is a tub for bigger data set of views that can be recycled. RecyclerView used for Bigger datasets to deliver on the UI like a list. RecyclerView can be scrolled very easily.RecyclerView gives better flexibility to make different kind of views.

Here first RecyclerView is used as Category and Second RecyclerView is the list of respective selected category item. In first figure we select Size then we get the respective list of Size and in second figure we select Color then get the respective list of color and in third figure we select Style get the respective list of Style in second RecyclerView. When we select Size,Color and Brand items from the list and press the done Button then we get the filtered results.

Steps to implement Multiple filters:-

1) Add Support Library:-

To use RecyclerView in your project firstly you need to add RecyclerView support library in your project.

dependencies {
compile 'com.android.support:recyclerview-v7:+'
}

2) Create XML Layout files:-

We need to create three xml layout file in which first layout have two RecyclerView. Second Layout have View that we use for first RecyclerView and third Layout have View to select the items from the list that we use for second RecyclerView.

Conclusion

If you want to implement Multiple Filters in your project then you will find it more easy to implement.Implementation of Multiple Filters has very easy steps as described above.It gives more flexibility to the android user and make the UI more friendly and attractive.You can edit the xml and adapter files in your own way to make it more attractive as per your requirements. There are various native e-commerce mobile apps available in the market for example Prestashopee – Prestashop App, MagentoShop – Shopping App, WooShopee – Woocommerce App, Clovia etc that use mutiple filters to filter the selected items and looking good.

Sitemap

About Us

We are a small agile company delivering world class products and software development services for startups and small businesses. We specialize in developing online communities,e-commerce websites, custom websites, mobile apps and performance. Over the years, we have served over 350+ customers through our products and services. Read More