The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 02-10-2015, 10:16 PM
George Smaistrla's Avatar
George Smaistrla is offline
 
Join Date: Jan 2015
Posts: 7
Default

Store Layout where all products are visible and include a sorting/filter option


Hi there,

I would like our store to appear very similar to this store: https://kaelindesign.com/jewelry/

We want all of our products to be visible - probably in alphabetical order.
Then, off to the side or up top, we want to be able to filter by Brand and Product Type.
Some products fall under more than one Product Type (i.e. a Sunscreen and a Lotion). Ideally, someone would be able to filter by multiple Product Types.
Finally, I notice that once I click on an item in the store, it only shows the Brand OR Product Type, depending on which Category I am in. Ideally, if I clicked on a Sunscreen that was also a Lotion, made by Brand ABC, it would show on the product page (i.e. "Sunscreen, Lotion, Brand ABC".

I'd greatly appreciate your help in getting my store to look more like https://kaelindesign.com/jewelry/. Here's my current store now: http://bda-derm.com/store

Thank you so much!
Stefani
  #2  
Old 02-11-2015, 09:55 AM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Dear Stefani,

Thanks a lot for contacting us!

Yes, the site you are referring to is customised very nicely indeed. The design of your store can be changed with the help of CSS, please refer to this section in our Help Center for more information: http://help.ecwid.com/customer/porta...store/articles

As for the product filters you are speaking about, they are custom menus of the site itself with the direct links to the Ecwid store categories assigned to the menu items (please see the screenshots illustrating the point: http://take.ms/YzRqV, http://take.ms/iBmP1). You can create such menus as well, and this should be done on your site itself, not inside the Ecwid store.

Quote:
We want all of our products to be visible - probably in alphabetical order.
I suggest you the same variant as was used on https://kaelindesign.com/jewelry/ - to create a category where all the products belong to, and call it for example “All Pieces” (http://take.ms/RTONk).

If you want the products to be displayed in a certain order, you should set this order in your Ecwid Control Panel > System Settings > General > Cart, “Default Products Sort Order”. To display the products alphabetically, please set this parameter to “Name A to Z” (http://take.ms/eSNan) and save the changes.

Quote:
Some products fall under more than one Product Type (i.e. a Sunscreen and a Lotion). Ideally, someone would be able to filter by multiple Product Types. Finally, I notice that once I click on an item in the store, it only shows the Brand OR Product Type, depending on which Category I am in.
You can assign one product to several categories at your Ecwid Control Panel > Catalogue > Products, product page, General tab, Categories, “Add Categories” button - http://take.ms/UyaKj.

Please let us know if you have further questions, we will be very glad to help you.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
  #3  
Old 02-11-2015, 10:07 PM
George Smaistrla's Avatar
George Smaistrla George Smaistrla is offline
 
Join Date: Jan 2015
Posts: 7
Default Store Layout where all products are visible and include a sorting/filter option

Thank you for responding! I added the main root category and put all of the products in there. Now, when you go to the main store page, you can see that all the products show up: http://bda-derm.com/store/ and it lists the other two sub categories (Brand and Product Type).

On the https://kaelindesign.com/jewelry/ site, I think it appeared at first that you were able to filter by one category and then by another...and another. But, now that I look at it a bit more closely, I think those filter are more like "OR" filters vs. "AND" filters. Meaning, you can't sort by "necklace, red, under $50, diamonds, and copper"...you can only sort by one filter at a time, "necklace" OR "red", etc. Correct?

To make the sub-categories look better and match the site, could I make two graphics and link them to the Brand and Product Type pages and have this UNDER this line: View as: Grid List Table Sort by (so, I'd remove the current text and icon for Brand and Product Type).

Here's an example of what I'm describing.

Thank you!
  #4  
Old 02-13-2015, 11:55 AM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Dear Dave,

Thanks a lot for your prompt reply!

As far as I can see, you have set the default category (i.e. the category that is shown to a user when they open the page), good job!

Quote:
Meaning, you can't sort by "necklace, red, under $50, diamonds, and copper"...you can only sort by one filter at a time, "necklace" OR "red", etc. Correct?
Yes, you are absolutely right, you can use only one filter at a time. For creating the target links to the menu items you might also wish to use faceted search, which allows filtering and showing products in Ecwid storefront by prices, categories, attributes’ values or keywords. Please refer to this forum post for details: http://www.ecwid.com/forums/showthread.php?t=29375

Quote:
To make the sub-categories look better and match the site, could I make two graphics and link them to the Brand and Product Type pages and have this UNDER this line: View as: Grid List Table Sort by (so, I'd remove the current text and icon for Brand and Product Type).
Here's an example of what I'm describing.
Thanks a lot for providing me with the picture! It is very helpful.
I am afraid, it is not possible to place these buttons inside the block with your Ecwid store, sorry. You can put them in any place of your site outside your Ecwid store.

As for hiding the images for categories (http://take.ms/1OHnJ), it is totally possible to do it with the help of CSS. Please add the code below to your active CSS Theme (your Ecwid Control Panel > System Settings > Design > CSS Themes):
Code:
table.ecwid-productBrowser-subcategories-mainTable {
    display: none;
}
Save the changes and these category images will be hidden.

Please let us know if you need further assistance, we will be very glad to help you.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
  #5  
Old 02-19-2015, 12:45 AM
George Smaistrla's Avatar
George Smaistrla George Smaistrla is offline
 
Join Date: Jan 2015
Posts: 7
Default

Hi again! This is odd...when I put display: none; for the subcategories into the CSS area, it works (meaning, those subcategories don't display)...but then, my Brand and Product type buttons don't work (the page is empty when you click). When the subcategories are displayed, the buttons work fine and take me to the page with the Brands or Product Types. Is there something else I might need to target to not display them but still have my buttons work? http://bda-derm.com/store
  #6  
Old 02-19-2015, 02:25 PM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Dear David,

Thanks a lot for your question!

The thing is that "Brand" and "Product type" buttons are actually working, but the items are not showing as they are hidden by the CSS rule for hiding the categories thumbnails. It is possible to make this rule apply to certain pages only, please refer to this article for details: http://help.ecwid.com/customer/portal/articles/1085558

To hide the subcategories thumbnails only on the "All Products" page please add the following code to your active CSS Theme (your Ecwid Control Panel > System Settings > Design > CSS Themes):

Code:
.ecwid-productBrowser-CategoryPage-12268041 .ecwid-productBrowser-subcategories-mainTable {
    display: none;
}
When the changes are saved, the thumbnails will be hidden on this page, but visible on other pages, so your customers will be able to navigate your store.

I have also noticed that the "All Products" button is connected to the store home page, not to the "All Products" category (please see the screenshot: http://take.ms/isSpt).

Please do not hesitate to ask if further questions arise, it is my pleasure to answer them.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
  #7  
Old 02-20-2015, 03:01 PM
George Smaistrla's Avatar
George Smaistrla George Smaistrla is offline
 
Join Date: Jan 2015
Posts: 7
Default

Thank you, Clara! I think it's working perfectly now thanks to your code! The default Brand and Product Type category names/images aren't showing up now on any page, and my buttons I created ARE. So, that's perfect. I DO have the All Products button linked to the main Store page...because that's where "All Products" are listed. I just added that button to give people another, obvious place to head back to "all products" (or, the main store). Is it ok to use the link to the main store, or do I have to use this link - http://bda-derm.com/store/#!/All-Pro...0&sort=nameAsc
  #8  
Old 02-22-2015, 06:23 AM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Dear David,

Thanks a lot for your message!

I am very glad the store is functioning now the way you need.

As for the link connected to the "All Products" button, it is ok to use the link to main store, but in this case the whole page reloads when a user clicks this link. If this button is connected to the "All Products" category (http://bda-derm.com/store/#!/All-Pro...0&sort=nameAsc) users can browse your store without reloading the page.

Please let us know if further questions arise, we will be very glad to help you.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
  #9  
Old 02-23-2015, 08:32 PM
George Smaistrla's Avatar
George Smaistrla George Smaistrla is offline
 
Join Date: Jan 2015
Posts: 7
Default

Thank you so much! I just changed the link - much better!
  #10  
Old 02-24-2015, 08:16 AM
Clara K's Avatar
Clara K Clara K is offline
Ecwid Team
 
Join Date: Nov 2014
Posts: 655
Default

Quote:
Originally Posted by David Batagower View Post
Thank you so much! I just changed the link - much better!
Hello!

Thanks a lot for your message!

Please do not hesitate to contact us if you need further assistance, we will be very glad to be of help.

Thank you!
__________________
Clara
Ecwid Customer Care Team

Help Center


⬇ Please click Thanks if my reply helped you.
The Following User Says Thank You to Clara K For This Useful Post:
George Smaistrla (02-24-2015)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
categories, filters, sorting

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:20 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.