Author Topic: Cherry Picker - Amazon / Newegg.com -like Product Filter  (Read 47530 times)

Galt

  • Beginner
  • *
  • Posts: 38
    • Galt - filter products similar to Amazon.com / Newegg.com
Cherry Picker - Amazon / Newegg.com -like Product Filter
« 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.



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!



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.


Galt

  • Beginner
  • *
  • Posts: 38
    • Galt - filter products similar to Amazon.com / Newegg.com
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #2 on: October 13, 2009, 09:51:16 am »
Thanks  ;)

aravot

  • Peter
  • Quality&Testing Team
  • Sr. Member
  • *
  • Posts: 2874
    • VirtueMart Extensions
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #3 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.

korb

  • Quality&Testing Team
  • Full Member
  • *
  • Posts: 685
  • VM 2.0 in heavy testing
    • Buy my work
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #4 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

Galt

  • Beginner
  • *
  • Posts: 38
    • Galt - filter products similar to Amazon.com / Newegg.com
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #5 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

korb

  • Quality&Testing Team
  • Full Member
  • *
  • Posts: 685
  • VM 2.0 in heavy testing
    • Buy my work
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #6 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

Ventsi Genchev

  • Jr. Member
  • **
  • Posts: 302
    • Audio Store
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #7 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.
Audio Store:
https://vsystem.bg - Bulgarian language
https://vsystem.bg/en - English

Galt

  • Beginner
  • *
  • Posts: 38
    • Galt - filter products similar to Amazon.com / Newegg.com
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #8 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]

Ventsi Genchev

  • Jr. Member
  • **
  • Posts: 302
    • Audio Store
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #9 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
Audio Store:
https://vsystem.bg - Bulgarian language
https://vsystem.bg/en - English

dimbazzo

  • Beginner
  • *
  • Posts: 3
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #10 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

Galt

  • Beginner
  • *
  • Posts: 38
    • Galt - filter products similar to Amazon.com / Newegg.com
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #11 on: October 21, 2009, 16:36:59 pm »
Hi dimbazzo.
Sure I will. Any question you have - don't hesitate to ask  ;) (via mail)

dimbazzo

  • Beginner
  • *
  • Posts: 3
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #12 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)

Ventsi Genchev

  • Jr. Member
  • **
  • Posts: 302
    • Audio Store
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #13 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
Audio Store:
https://vsystem.bg - Bulgarian language
https://vsystem.bg/en - English

korb

  • Quality&Testing Team
  • Full Member
  • *
  • Posts: 685
  • VM 2.0 in heavy testing
    • Buy my work
Re: Cherry Picker - Amazon / Newegg.com -like Product Filter
« Reply #14 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