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.

Kemahiran: JavaScript, CSS, HTML, jQuery / Prototaip, PHP

Lihat lagi: 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

Tentang Majikan:
( 1 ulasan ) London, United Kingdom

ID Projek: #30603486

13 pekerja bebas membida secara purata £186 untuk pekerjaan ini


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 Lagi

£225 GBP dalam 7 hari
(327 Ulasan)

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 Lagi

£170 GBP dalam 7 hari
(295 Ulasan)

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 Lagi

£165 GBP dalam 7 hari
(93 Ulasan)

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 Lagi

£250 GBP dalam 10 hari
(63 Ulasan)

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 Lagi

£200 GBP dalam 3 hari
(27 Ulasan)

❤️❤️❤️ 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 Lagi

£135 GBP dalam 7 hari
(2 Ulasan)

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, Lagi

£300 GBP dalam sehari
(12 Ulasan)

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 Lagi

£135 GBP dalam 7 hari
(18 Ulasan)

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 Lagi

£124 GBP dalam 2 hari
(7 Ulasan)

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 Lagi

£135 GBP dalam 7 hari
(2 Ulasan)

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 Lagi

£200 GBP dalam 7 hari
(1 Ulasan)

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, Lagi

£240 GBP dalam 7 hari
(1 Ulasan)

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 Lagi

£135 GBP dalam 10 hari
(0 Ulasan)