Create filters-builder - simple tool in HTML/CSS/JS/PHP used for building filters in related categories -- 2



BEFORE YOU APPLY PLEASE MAKE SURE YOU READ THE DESCRIPTION CAREFULLY and you are sure that you have skills allowing you to accomplish that task. (I'm not looking for the fastest offer, cheapest one but someone who can really accomplish that and because many people here accept tasks they cannot accomplish, so please just make sure you are able to or we will both loose time).

In this task, I need to create kind of filters-builder, which should be simple HTML/JS(jQuery?) page where I can add or edit new filters in specific categories.

What I need is to have kind of builder (in HTML, JS) so I can dynamically add such filters to every category I want.

So imagine we have categories listed in a tree, like that:


- [ Something ] (+ add filter)

- [ Fruits ] (+ add filter)

-- [ Apples ] (+ add filter)

-- [ Bananas ] (+ add filter)

- [ Vegetables ] (+ add filter)

-- [ Onion ] (+ add filter)

-- [ Potatoes ] (+ add filter)

- [ Juices ] (+ add filter)

[ Bread ] (+ add filter)

Every category has unique ID which is also used to structure categories in the tree (see my 2nd task https://www.freelancer.co.uk/projects/php/Simple-website-HTML-MySQL-category/details) so its easy to identify.

In every category I need to have an option to add new filter [ (+ add filter) button ].

Once I click on that I should see a modal box (or just some kind of small "choose box", no matter how it looks) where I can specify:

- what kind of filter do I want (see [*1] kinds of filters) e.g. radiobutton filter or checkbox filter or select filter or range

- filter's name (label) (using input:text) e.g. "Choose a size"

- possible values/chooses. e.g. for "checkbox filter" I can have a few options like A, B, C, D, E (here I should be able to specify value+label if those are different or ust value if is the same as label)

- default values (choosen by the default) e.g. for checkbox filter I can have A, B as "default" (values which are ticked by the default), for radio it is just 1 value, for range it is value like 100,150

- is recursive? [ yes / no ] (flag specifies if ths filter is applicable only to this, specific category or maybe is applicable to all other, deeper ones as well)

For example:

considering above's example A.1 (Aliexpress Category Men's clothing -> Jackets & Coats -> Jackets), if I start frmo just category tree and I dont have any filters yet and then if I want to add filters for "Size", considering my category tree looks like that:


- [ Men's clothing] (+ add filter) (+ add filter)

--- [ Jackets & Coats ] (+ add filter)

------ [ Jackets ] (+ add filter)

------ [ Coats ] (+ add filter)

I need to click to (+ add filter) (next to Jackets category), then I should see kinds filters I can choose,

then I should choose "checkbox filter" and then I should be able to specify possible options (e.g. sizes like S, M, L, XL, XXL), default values (I'm choosing S, M) and filter's name (label), lets say "Choose your size:" and if my filter is recursive or not.

Each option I specify/add, of course should be a new checkbox. The final result should be that filter I specifie should be added to category tree like that:


- [ Men's clothing] (+ add filter) (+ add filter)

--- [ Jackets & Coats ] (+ add filter)

------ [ Jackets ] (+ add filter)


Choose your size: (- remove filter) ( * edit filter)

[x] S

[x] M

[ ] L

[ ] XL

[ ] XXL


------ [ Coats ] (+ add filter)

Of course after that I should still be able to add new and more filters.

Also, the same way, I should be able to EDIT any filter (edit possible options, name/label, default options etc.) and also I should be able to DELETE any filter.

Now, All those filters should be Saved to the Database (it needs simple PHP script and AJAX call to that script and simple DB, MySQL table), so if I add a few filters to a few categories, then there should be "Save button" and also, it should be saved automatically, just when I add/edit/remove any new filter.

Beceriler: JavaScript, CSS, HTML, jQuery / Prototype, PHP

Daha fazlasını gör: simple clean html css template, create web layot photoshop html css, easy convert html css webpage php template, html css xhtml php integrate, training time html css javascript php mysql, create scrolling textbox page html css, html css js developer qualifications summary, html css js template, simple tabs html css, simple websites html css, how can create a website properlly using html css js, how to create a website using html css and javascript and php, php minify html css js, html css js php mysql, how to create a website using html css and javascript and php pdf, how to create a website using html css javascript and php, how to create a website using html, css, javascript and php

İşveren Hakkında:
( 1 değerlendirme ) London, United Kingdom

Proje NO: #30603486

Bu iş için 13 freelancer ortalamada £186 teklif veriyor


Dear sir/madam, My self Aman I have more then 10 years of experience in Development. I have checked your posted Job Description as per my understanding we need to Create filters-builder - simple tool in HTML/CSS/JS/PH Daha Fazla

£225 GBP in 7 gün içinde
(327 Değerlendirme)

Hello, Hope you're doing well. We are a 10 year old IT company with highly skilled designers and developers to work on : PHP, MYSQL, HTML, JQUERY, JAVA SCRIPT, CSS. Please review our portfolio. I would like to wor Daha Fazla

£170 GBP in 7 gün içinde
(295 Değerlendirme)

Hi! I have 6+ year of experience as a full stack developer, i will create full responsive and user friendly website and your satisfaction will be our first priority ! I have read the description and would like the chan Daha Fazla

£165 GBP in 7 gün içinde
(93 Değerlendirme)

Hello, Greetings of the day! I have 8+ years Experience in Web Designing/Development ,Mobile Application etc. I am able to do this work . I have good knowledge in So I think I can handle your requirement decently. I Daha Fazla

£250 GBP in 10 gün içinde
(63 Değerlendirme)

Hello How are you? I have good experiences with PHP and MySQL, Javascript, Juqery, Website design. Have read your detail and understand what you want Can start immediately and will deliver on time Hope to work with you Daha Fazla

£200 GBP in 3 gün içinde
(27 Değerlendirme)

❤️❤️❤️ Dear Client! ❤️❤️❤️ I`m excited about your project, and I`m thrilled to bid on your project. => I have rich experience in developing the Backend & REST API development with Laravel 8.0+, Codeigniter3.1+, CakePH Daha Fazla

£135 GBP in 7 gün içinde
(2 Değerlendirme)

Hi, i have read your job post carefully and i am very interested in your project. I have rich knowledge and ability to complete this task so you can get a high-quality result. Do you want dynamic tree structure? Yeah, Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% GBP
(12 Değerlendirme)

Hi There, i am a Website designer and developer. i have 05 years experience in website designing and development. i am expert in website designing and development. please message me to discuss about your project so t Daha Fazla

£135 GBP in 7 gün içinde
(18 Değerlendirme)

I've read your attached file, and everything can be reasonably done within 2 days. PHP/MySQL is within my forte, so I won't have any problem getting started. Message me ASAP if you have any questions. Thank you for yo Daha Fazla

£124 GBP in 2 gün içinde
(7 Değerlendirme)

Dear, client. Can you share the detail with me? Hope you to be in good health. I've just finished reading your job post and been convinced that I 'm right for the position. I have got 5+ years of experience in develop Daha Fazla

£135 GBP in 7 gün içinde
(2 Değerlendirme)

I went through your requirements I’ll be glad to do this project as per your demands. I offer services in Website Design, Graphic Design, Word Press, PHP, and all kinds of digital marketing at an affordable price with Daha Fazla

£200 GBP in 7 gün içinde
(1 Yorum)

Hello sir, I have read out your description related to this project I will create this let me know URL About us Wordpress/Development I am the Senior PHP Developer and Team Leader at WDQ Pvt. Ltd India. On upwork, Daha Fazla

£240 GBP in 7 gün içinde
(1 Yorum)

Hi, I'd like to help you in this project. I have experience in jquery, js, html, css, php , laravel, mysql. I undestand your propose. You want to create custom filters for each product category. Having a modal to choo Daha Fazla

£135 GBP in 10 gün içinde
(0 Değerlendirme)