 
Groups: ProSeller
Joined: 4/20/2009
Posts: 169
Location: Littleton, West Virginia
|
@M I have a question for you, in my store I have a drop down menu that has product types listed and a sidebar menu that has themes listed. My problem is when you click on the drop down menu at the top, it goes to the right page but when you click on the theme links after that, it still has the product types in the search and will bring up only those products in the theme and not all products for that theme. (ex. if I click on iphone 4 cases , and then click on cat lover gifts, it will show all the iphone 4 cases like it is supposed to, but then if you click on any theme it will only bring up iphone 4 cases in that theme) I am thinking it will frustrate the customer because they will not know that the product type in still in the search box. I hope I am explaining this correctly.  Any ideas of how I might fix this issue would be greatly appreciated?? Thank you, CW
|
|
Groups: ProSeller
Joined: 8/2/2011
Posts: 60
|
Great tips here. Thanks!
I'm wondering if anybody has come across a way to do the following:
1) I use category navigation as my only navigation. There are 3 categories at the top-level. Once you click into one, the standard navigation changes so that only that path is displayed (breadcrumb style). The other top-level navigation categories are now gone. A customer would have to navigate back up to the top-level to see them.
Instead of the breadcrumb style, is there a way to keep all navigation levels visible on the left (sort like Windows Explorer)?
2) I'd like to highlight the currently selected category in the left navigation. Possible?
3) While hovering over the navigation, I'd like to highlight the option. I added some CSS to do this pretty easily using some code earlier in this thread. However, instead of just highlighting the link text, I'd like to highlight the whole "row" (i.e. the entire width of the sidePod). I tried adding the hover effect to the LI instead of to the link. This works on flat navigation, but once you get into something nested, it is no longer a good solution. This is because navigation levels 2..n are nested within their parents' LIs, so the whole "section" gets highlighted rather than just the current option. Haven't found a clever workaround.
Thanks in advance!
|
|
Groups: ProSeller
Joined: 8/2/2011
Posts: 60
|
Adding: Found that the following code works pretty well for what I was trying to do with #3. Any improvements are welcomed, though. Code:/* Navigation hover changes */
.sidePod a{
text-decoration:none!important;
width:100%;}
.sidePod a:hover {
background:white;
}
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@CW Designs,
I know exactly what you mean, unfortunately there is no easy way around this. This is the type of navigation Zazzle uses and there is no way to tweak it as far as i know.
If you wanted to avoid confusion for the customer it might be a good idea to remove the categories from the sidebar and have them as links on the homepage only and this way you will not have a double navigation.
The navigation bar you have at the top of your store is more than enough for a customer to navigate through your entire store.
It's just an idea, hope this helps.
|
|
Groups: ProSeller
Joined: 4/20/2009
Posts: 169
Location: Littleton, West Virginia
|
@M Thank you so much! I thought it was just me LOL! I have been trying to figure a way around it to no avail lol. I definitely like that idea of removing the categories in the side bar, and only having links to the themes on the homepage. I like my top navigation bar because it allows me to click on whatever I want to look at without having to hit the back button or go back to the main categories (which drives me crazy lol).  Can you help me with the coding and how to remove the categories from my sidebar and the links I am wanting to add?? Do you think I could add a section to my top navigation for the themes and have it work how I want?? Thank you so much for your help, I have been having a heck of time with it. CW
|
|
Groups: ProSeller
Joined: 8/2/2011
Posts: 60
|
M wrote:
I edited the post above to add another code for just the category icons to have the effect and not the titles underneath them.
If you wanted to do that for your pippiphooraywedding store for example, just replace the previous code with the following:
#group_2 #page_module6_stretchy-long img:hover{position:relative;top:3px;}
Great stuff all around, M. Thank you! I'm using the above and have found that the code is also making my sidebar images "jump" too (rather than just the categories). It works fine in Firefox, but I see this problem in IE (tested version 8). I suspect it is an IE bug, but am wondering if you might know of a workaround. Thank you! If it helps, the store is here: http://www.zazzle.com/my5k262
|
|
Groups: ProSeller
Joined: 3/11/2011
Posts: 299
|
@My5k262,
You're welcome, i'm always glad to help out. I don't actually have IE8 so i can't be too sure of the results but you can give this code a try.
Find the following code in your css:
#page_module4_grid-items img:hover{position:relative;top:3px;}
#page_module4_grid-items img:hover{position:relative;top:3px;}
Replace that code with the following:
#group_2 #page_module4_stretchy-long img:hover{position:relative;top:3px;}
Let me know how it works out.
|
|
Groups: ProSeller
Joined: 8/2/2011
Posts: 60
|
Thanks for your quick reply, M! I switched the code, but unfortunately have the same result. I even tried some variations in the CSS to limit the effect to a single category by ID and even that doesn't work in IE8.  Thanks again for your help.
|
|
Groups: ProSeller
Joined: 12/14/2009
Posts: 2
|
Dear M!
Thank you so much for all the tricks you've posted. I have one small question for you, I'm trying to change my profile icon to something else. I know the profile icon displays at 40 x 40 and that is way small.
So using your tips I wrote this
.galleryIcon { background:url("http://i1310.photobucket.com/albums/s656/laughbdesigns/ShopIcon_zps796d7f3a.jpg"
)!important; display:inline !important; width:400px; height:400px;}
But the icon from my profile is still displayed not the hosted image in the link
Do you see what I'm doing wrong? Thanks you!!
|
|
|
Guest |