VirtueMart Forum

VirtueMart Dev/Coding Central: VM1 (old version) => Development Projects, Modifications, Hacks & Tweaks. VM1.1 => Topic started by: Galt on October 11, 2009, 16:27:11 pm

Title: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on October 11, 2009, 16:27:11 pm
This consists of 2 modules:

1. Cherry Picker

A module that will allow your visitors to filter products by any parameter they want. Similar to Amazon.com / Newegg.com.

(http://galt.md/images/amazon.gif)

Features:

    1. Provides your store with a powerfull tool, that allows your visitors to filter products the way they want.
    2. It is styled like Amazon.com, but you can easily style it in CSS as you wish.
    3. You can apply as many filters at the same time as you want.
    4. Shows only those parameters which are actual due to filters already applied.
    5. Shows the number of products in brackets to all parameters.
    6. Easy customizable through the back-end menu.
    7. Supports SEF.
    8. Joomla 1.5 Native and Virtuemart 1.1.3
    9. In combination with VM Breadz gives a really good experiance to your site.


2. VM Breadz

A module that will show breadcrumbs of your store. It includes all filters that were applied by user. Will display in correct order and allow user to delete filter with close (x)-link. Just like Newegg.com!

(http://galt.md/images/article/breadz.png)

Features:

    1. VM Breadz will work only when you enter your Virtuemart store. It is done on purpose. When you browse your other Joomla categories you may use default Joomla Breadcrumbs, and put it to display everywhere except Virtuemart. When you enter Virtuemart - that is where VM Breadz's role starts.
    2. From a start it is styled like Amazon.com with functionality of Newegg.com. Though you can style it through CSS as you wish.
    3. Includes all filters apllied by user in correct order (in the same sequence they were applied).
    4. Provides with '(x)', sort of 'Close-link' to remove the filter.
    5. Easy customizable through the back-end menu.
    6. This module is developed to be used in combination with Cherry Picker. Though it will also work by itself as Virtuemart breadcrumbs.
    7. Joomla 1.5 Native and Virtuemart 1.1.3
    8. Supports SEF.


Eager to see it yourself? Demo:
http://galt.md/index.php?option=com_virtuemart&page=shop.browse&category_id=14

Manual and Description:
http://galt.md/index.php?option=com_content&view=article&id=50

Important:
All products in ELECTRONICS (DEMO) category are not for sale. They are to demonstrate the work of modules.
The two modules are sold in BUY IT category.

Any questions appreciated.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: aravot on October 13, 2009, 03:58:18 am
Very well done.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on October 13, 2009, 09:51:16 am
Thanks  ;)
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: aravot on October 13, 2009, 17:35:02 pm
It would be better to have few backend configuration images, the ones you have are for parameter setup.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on October 13, 2009, 19:37:35 pm
I've sent you an e-mail, I hope you read it.

Thanks for this post, great JOB
Danny
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on October 13, 2009, 20:25:28 pm
All right. I added a couple of back-end images. It might look a little confusing, but I tried my best to explain in description tags.

It is in Manual category:
http://galt.ck.ua/index.php?option=com_content&view=article&id=50

Thanks korb!
First I was writing it for myself, but then decided to share it.
 
And yeh, I haven't recieved any letter yet. You may try to send here: maktopay@gmail.com
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on October 14, 2009, 13:13:15 pm
I sent you an e-mail at your adreess, you haven't replied..
maktopay@gmail.com
I guess we can chat on gtalk then?
See ya soon
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Ventsi Genchev on October 17, 2009, 12:33:38 pm
Hi,
Today I bought this perfect module, but I have one problem. How can I set the class of the module?

The problem comes from the fact that when I select "Shop" in menu (in demo site it is "Televisions & Video"), although there are no products in the column, there remains little place for the module. I have set "Show Title" to "No".
On the demo version of the web-page, this problem doesn't exist.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on October 17, 2009, 14:44:57 pm
Ok. Let's see where the reason is.
The module is programmed in the way, when there is no Product Type assigned to a current category it will not be displayed. I used firefox to illustrate it.
 - on the first picture after
Quote
<div class="frame frame18_solid">
it's empty;
 - on the second, when category contains products (with Product Type)
Quote
<div id="leftNav">
is shown.

I have a speculation. I remember I used to have spaces from unknown origin. Later I figured out that I saved a language files in UTF with BOM. I used Akelpad (it's free) to resave Language php files with BOM off. It worked for me.

But there also might be something else. You may have a not published product in that category with Pruduct Type but no parameters created.

Plese let me know your progress. Any pictures, information about configuration appreciated ;)


[attachment cleanup by admin]
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Ventsi Genchev on October 17, 2009, 19:18:47 pm
Thank you, Maksus.
This module is exactly what I need. It saves me a lot of work.
I found a solution to the problem. I am using the Mynxx template. In the CSS of the template for the left column value is set:
.side-mod .module {padding: 15px;}

After that I added:
.side-mod-cherry .module {padding: 0px;}

In mod_vm_cherry_picker.xml after:
     </files>
     <params>

I added:
<param name="moduleclass_sfx" type="text" default=""
label="Module Class Suffix"
description="A suffix to be applied to the css class of the module; this allows individual module styling." />

And in the module setting I added class: side-mod-cherry

That's all. Now it's working as intended.

Thank you very mutch for the help.
Best Regards!
Venci
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: dimbazzo on October 20, 2009, 21:17:16 pm
Hi Maksus, I`m thinking about buying your module
It seems for me that its very cool, I`m wondering will you provide a tech support if  I will need one (don`t worry, I`m not a dumb nor nubie, just in case).


Joomla! 1.5.10 / VirtueMart 1.1.3 stable
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on October 21, 2009, 16:36:59 pm
Hi dimbazzo.
Sure I will. Any question you have - don't hesitate to ask  ;) (via mail)
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: dimbazzo on October 21, 2009, 21:02:36 pm
...And in the module setting I added class: side-mod-cherry...

Where did you add it? (sorry for lame question)
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Ventsi Genchev on October 22, 2009, 09:13:34 am
Where did you add it? (sorry for lame question)


In mod_vm_cherry_picker.xml after:
     </files>
     <params>

I added:
<param name="moduleclass_sfx" type="text" default=""
label="Module Class Suffix"
description="A suffix to be applied to the css class of the module; this allows individual module styling." />

And in the module setting I added class: side-mod-cherry


In Module Class Suffix
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on October 23, 2009, 17:26:47 pm
Soon we will have a new release, with better SEF support and maybe some code to help you sef filter :)

See you soon.
Danny
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on October 27, 2009, 11:50:27 am
Lots of stuff and improvements have been done recently for the modules Cherry Picker and VM Breadz.
It may even be called
 - a new version is released.
 
Let’s take a look on new features.

1.  Now Cherry Picker has a comprehensive support of Multiple Values as Parameter Type. It is very handy in situations when one parameter of a product has multiple qualities.
  For example: your store is selling dresses. And a certain dress is multicolored – has white, red, yellow colors. In old version you would have to choose only one dominating color and assign to Parameter -> Color. But now it is possible to have all colors in parameter Color and this dress will be searchable in any color a visitor has selected. So now it is more versatile for you to decide what products a customer should see under certain criteria.

2.  Display Cherry Picker on a Frontpage or any other non-Virtuemart page, or even in a parent category with ALL filters of certain Product Type.
  So now you can invite a customer to your store even earlier with no need to dig in the depths of categories. What you need – is to create another copy of Cherry Picker,  assign Product Type ID and select where you want this module to be displayed in Joomla Menu Assignment.

3. Choose to display a total number of products selected.

4. Has a Static or Dynamic Pre-text. Dynamic means – a category name will be used in pre-text: “Select products from Televisions”.

5. In VM Breadz you may choose a type of breadcrumbs:
- regular:   Sony > 1080p > 22”
- with names:    Brand: Sony > Resolution: 1080p > Screen size: 22”

6. A couple of pre-installed themes.

7. Other little code improvements.



Note: If you are using <Previous :: Next product> hack, please re-download shop_browse_queries.php.
http://galt.md/index.php?option=com_content&view=article&id=54
There is only one change at line 215.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: dimbazzo on October 27, 2009, 13:58:43 pm
awesome! thanks!)
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on November 04, 2009, 13:53:03 pm
You may now try a Free Dummy version on your site:
http://galt.ck.ua/index.php?option=com_content&view=article&id=55
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Luciffere on November 08, 2009, 18:04:19 pm
All links to your demo, manual... not work!
Server not found
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on November 08, 2009, 20:54:44 pm
Sorry, sorry for inconvenience. The hosting company is having some problems, but they promise it'll be working soon.

UPDATE: The site is back!
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Jinxz on November 16, 2009, 12:41:25 pm
Im using latest version of Cherry Picker. Comprehensive support of Multiple Values as Parameter Type is just awsome work  ;D! However im having trouble setting one specific thing. For example: I have shop with celular phones. I want to setup filter so user can select from Brand (nokia, samsung,..), Properties (mp3, gps, etc) and design. I would make 3 copies of CP modules and each of them define the right Product Type ID.

Problem occurs when i try to filter out for example Nokia with MP3 and GPS support. In short: i can't select multiple parameters if they are in seperate module with different type ID  ???. I know that i could solve this if i put everything in same Product Type ID but i would realy like to seperate one Product Type ID from the other.



So.. I guess question is: Is it possible to keep my configuration of modules as it is and still use it as mentioned above?

Here is an example how i would like to make my filter: http://www.mobitel.si/telefoni-in-naprave/aparati.aspx?mo=0&te=0 (http://www.mobitel.si/telefoni-in-naprave/aparati.aspx?mo=0&te=0)
 
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on November 16, 2009, 18:23:06 pm
Hello,
I did reply by mail.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on November 18, 2009, 22:08:38 pm
Im using latest version of Cherry Picker. Comprehensive support of Multiple Values as Parameter Type is just awsome work  ;D! However im having trouble setting one specific thing. For example: I have shop with celular phones. I want to setup filter so user can select from Brand (nokia, samsung,..), Properties (mp3, gps, etc) and design. I would make 3 copies of CP modules and each of them define the right Product Type ID.

Problem occurs when i try to filter out for example Nokia with MP3 and GPS support. In short: i can't select multiple parameters if they are in seperate module with different type ID  ???. I know that i could solve this if i put everything in same Product Type ID but i would realy like to seperate one Product Type ID from the other.



So.. I guess question is: Is it possible to keep my configuration of modules as it is and still use it as mentioned above?

Here is an example how i would like to make my filter: http://www.mobitel.si/telefoni-in-naprave/aparati.aspx?mo=0&te=0 (http://www.mobitel.si/telefoni-in-naprave/aparati.aspx?mo=0&te=0)
 

If you read product types manual, I wrte there that it is not recommanded to assign more product types to a product or a category of products, just for this reason!
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Luciffere on November 25, 2009, 14:08:43 pm
With this module i can make this:

I want to sell wheels. But a wheel have many dimensions: 7.5;8;9....20
This dimensions i want to insert to parameter for Wheel dimension product type. Now. If a product have 10 dimensions parameters, the module show the results?

Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on November 26, 2009, 08:12:20 am
Yup, all ten.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on November 28, 2009, 17:59:28 pm
Hey what's new on this development?
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Mirco C on November 30, 2009, 00:01:35 am
Hi Maksus,
Question about CP: I'm selling clothes. Is it possible voor customers to select for instance colour red AND colour blue so they see both?
Regards Mirco
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on November 30, 2009, 14:00:35 pm
Hi Mirco,
If you mean to select two parameters from the same parameters group, then no. That's not quite efficient I think, at least. But if you mean that your clothes have two colours (red and blue) then yes, it'll be searchable under any of two.

Hi Dan,
Been busy lately. From latest - There is a slightly modified Horizontal version of ChP, so you can now place it on top or bottom of page. May be pretty handy)
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on November 30, 2009, 15:26:09 pm
I was only checking in, to make sure you are around to hear some news: VM 1.5 will also have Product Types, I know because I had some words with Roland the man.

So you better check out the VM 1.5 development. Pretty soon we will have the first beta release.

Danny
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on November 30, 2009, 15:33:38 pm
Good news, thanks!
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Mirco C on November 30, 2009, 20:32:33 pm
ok, maksus. I bought the module, it works fine.
What I'm actually looking for is something similar but with checkboxes.
Example: when I'm searching on a site with a lot of products I might want to see all the black televisions and silver but not the red, blue or whatever.
So I check the black and silver and let the rest unchecked and as a result it shows all the black and silver televisions.

Like your module though! Thanx.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on December 01, 2009, 08:32:00 am
 Hi Mirco.
 Ok, I understand you mean, But, I'm afraid, I do not agree with you.
 If user wants to see black TVs - he selects Black Color, if silver - Silver, white - then White, and so on. But what's the point to select all these colors at the same time? Then what is the filtering for. The whole idea of filtering fades away.

 This is just my point of view.  ;)
 Maks
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on December 01, 2009, 11:53:20 am
I agree. Select boxes eliminate multi value selection.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Mirco C on December 02, 2009, 20:18:40 pm
OK guys, thanks for answering & input!
Gr Mirco
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: g_ang on December 03, 2009, 22:36:27 pm
Hello,
I am completly new to virtuemart and if I choose it will be because I need exactly this type of filter. It looks great, but I have few questions.
1) (important)Is it possible to use the feature in order to filter by price range (eg. "from 10 to 20", "from 20 to 30", etc.);
2) Does it work properly when handling a multi-language store (I am asking because of some similar issues with zen-cart);
3)Is it possible to have it styled in a dropdown box manner (java needed, I suppose).
Thanks in advance
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on December 03, 2009, 22:58:55 pm
As far as I knowm the module cannot do that. Parameter search form has a price larger/smaller than a value users type in.
The module can be improved in this direction thought, but VM 1.1.4 already got so slow....
Danny
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on December 04, 2009, 13:40:36 pm
Hi Gang,
welcome to virtuemart community!

1. the answer yet 'no'. it won't get your price ranges automatically yet. But if you have one currency you may always create a parameter 'Price' with values: 0-100; 100-200 and so on.

2. To be honest I haven't tried multi-language functionality, but you may try with free Dummy ver. and show the results.
http://galt.ck.ua/index.php?option=com_content&view=article&id=55&Itemid=78

3. Never actually considered doing it so, because by my vision, it looks quite weak. (just my opinion!)

Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: g_ang on December 04, 2009, 17:11:55 pm
Thanks to both of you for your quick replies. I will try the demo as suggested. Have a nice weekend
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Speakston on December 08, 2009, 18:24:07 pm
Had problems with setting up the module,this was my fault not any fault of the module itself.I emailed support and got an almost immediate response.Maks even had a look at my site and found the problem.
Great module
even greater support

Thanks Maks
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Ventsi Genchev on December 08, 2009, 20:01:41 pm
Yes, Maks is Number 1
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: PurpleGirl on December 18, 2009, 01:02:46 am
Hi,

I am also looking for something like this, but with checkboxes to allow multiple selections.  My justification for this being that my site is a clothing site, and a customer may be want to look at a red dress for instance, and they are interested in perhaps 3 manufacturers, having multiple check boxes will allow them to do this.  Also a customer may not be sure if they want a red or black outfit, checkboxes will allow them to see results for both, as another example.

Is this something that will be easy to accomplish?

Thanks

PG
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: balai on December 18, 2009, 01:43:22 am
Nice Job Markus
I have a question.
How are the filters being created ?
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: korb on December 18, 2009, 11:43:44 am
Nice Job Markus
I have a question.
How are the filters being created ?
The filters are in fact Product Types Parameters. Search the User Manuals for Product Types.

Danny
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on December 18, 2009, 12:43:28 pm
to Balai
that's correct. Also i tried to show in pictures how they are created:
http://galt.md/index.php?option=com_content&view=article&id=50&Itemid=75

to PurpleGirl. I replied for similar question be mail today. probably it was you
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: PurpleGirl on December 18, 2009, 17:24:56 pm
Hi,

Yes Maksus, it was me...

Thank you for your response

PG
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: shv_rk on March 12, 2010, 12:00:56 pm
Hello,
I have all my products in the store index page by adding: "shop.browse" to the menu item configuration > page parameter. Now I have all my products, but cherry picker does not show filtering parameters!
Any suggestions??

Thanks,

Shiva
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Galt on March 13, 2010, 15:25:52 pm
Hi,
seems like i already replied to you by mail.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: yupopov on August 22, 2010, 21:53:03 pm
Hi. I'm from Russia and haven't PayPal Account. I can't pay an account. I have only WebMoney or Yandex.Money accounts. Can you help me? Please send module to yupopov@list.ru. How can I receive this module?
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: cameront21 on October 09, 2010, 11:05:21 am
How can I select multiple product type parameters for a product? Currently I can only select one. Example... If I have a product parameter of "Color" with the options of Black, Red, Green, Blue. Now I have a product that is both "Black" and "Red" but I can only select one from the drop down? Yes I already have Mutli-select checkbox selected from the product parameter options page.

Thanks
Cameron
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: cameront21 on October 09, 2010, 11:14:16 am
How can I select multiple product type parameters for a product? Currently I can only select one. Example... If I have a product parameter of "Color" with the options of Black, Red, Green, Blue. Now I have a product that is both "Black" and "Red" but I can only select one from the drop down? Yes I already have Mutli-select checkbox selected from the product parameter options page.

Thanks
Cameron

Solved, have to select "Multiple Values" from the "Parameter Type" drop down.
Title: Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
Post by: Drewski on October 19, 2012, 17:07:30 pm
Hello Everyone,

Having a slight issue when it comes to both Sorting and Filtering and I'm just not sure where I should look first and was wondering if anyone else may have noticed this or not. My issue right now is that if I enter a filter category such as in my example I start in Main Category Wine, then select "Sherry" from the filters. While I am in there, if I select any of the sort options besides what was already selected I am brought back to the main category!
Here is site for you to see for yourself:
http://www.slopecellars.com

Now I can have the Sort option selected before I enter the "Sherry" category and it will sort the products accordingly, I just can't change my mind while I am in the filtered category/section.
Site Stats:
Joomla: 1.5.26
Virtuemart: 1.1.7
sh404sef: 2.3.0.988
Cherry Picker: 1.2.1

Any assistance would be appreciated, I will be unable to provide access to the site though because of privacy concerns but have a decent understanding of Joomla and Virtuemart just not sure where to first look with this issue.

Drew Patterson
http://www.visiontm.com