Questions regarding Categories + Category Icons + Browse Categories Side Nav.

Hello!

I have some questions with regards to categories and category icons, if you don’t mind! I also have a question about the “Browse Categories” side navigation bar.

Please see private info for website info.

1) Currently, I have added categories via wp-admin (products>categories>add new categories). This shows categories on /categories/ in shop. However, it does NOT allow me to select the categories in the search bar dropdown. What is the issue?

2) What is the “ideal” size for the icon used on the “Browse Categories” to have the best quality?

3) How can I format individual sections of the Browse Categories section? For example, how can I bold just the “Shop by Tool” section, or add color to just one section (again, for example the “Shop by Tool” section)

4) Currently, the icon + text in the Browse Categories section look very messy. Is it possible to make the “text” portion all start at the same point in the navigation, so that it looks clean (see attached picture). For example, creating a “column” for the icon and a “column” for the text, so that the text is all lined up and it looks clean. On the DEMO site, all the text is lined up beautifully. But on our site is all over the place.. hah!

5) What is the “ideal” size for the icon on the “Image (icon) for categories navigation on the shop page ” to have the best quality?

6) With regards to the icon for the “categories navigation on the shop page” — how can we format that section so that it does not just “wrap” to a second layer? Right now it looks very messy on our page because it now has two random levels.

7) With regards to the icon for the “categories navigation on the shop page” — how can we place the icons ABOVE the respective text instead of on the left?

8) With regards to the “categories navigation on the shop page” — how can we CHOOSE what categories are shown on the header? For example, if our categories are as follows:

Category A > Subcategory 1,2,3
Category B > Subcategory 4,5,6

How can we have Category A show SUBCATEGORIES 1,2,3 instead of regular categories? I feel this is more useful for UX and sales.

THANK YOU!

Hello,

All the responses to your questions are provided in our manual articles. Please check them:
https://xtemos.com/docs/woodmart/product-category-menu/

https://xtemos.com/docs/woodmart/adding-menu-site/

This article describes the option to add a class to a menu item https://xtemos.com/docs/woodmart/create-menu-2/ in order to customize the style of a certain menu item.

There is no ideal size of icons, you can check our demo to see which size we apply.

If you have any questions please feel free to contact us.

Best Regards

I can not find any of the answers to the questions in the documentation you linked. Please let me know what sections I need to look at. Most of my questions are related to, I assume, CSS.

Also please tell me the CSS required to, for example, turn “Shop By Tool” section of browse categories a different color than grey background.

Hello,

1. it does NOT allow me to select the categories in the search bar Please find the answer here: https://prnt.sc/11i9xhc

2. There is no ideal size, you can refer to our demo to see what size we use.

3. You need to assign a class to the menu item and customize it with CSS https://xtemos.com/docs/woodmart/create-menu-2/

4. You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”31″ height=”40″ (if they are not added, the width may be different) attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
Then you will need to re-upload your icons in WordPress Dashboard.

I have viewed your screens, your SVG images are quite big for the menu and they do not have chiseled borders

5. > # 2

6. We cannot change the HTML structure. In most cases, correct SVG images are displayed properly.

7. Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-nav>li>a {
    display: inline-block;
}
body .wd-nav-product-cat.has-product-count .wd-nav-img {
    display: block;
	  margin: 0 auto;
}

8. You will find the answer here: https://prnt.sc/11ie1qn https://xtemos.com/docs/woodmart/product-category-menu/

Best Regards

1) Did you look at the search bar on website? It does not show all of the categories — only the categories from demo. Not from new additions.

2) Thank you!

3) Can you please tell me what CSS to use?

4) Can you explain what you meant by chiseled edges?

8) In link it states “the option to select the categories to show is provided. ” Where is this? I do not see it in Theme Settings > Sidebar

Hello,

3. Please advise which items you want to customize.

4. I mean picture has blurred elements.

8. Please check Theme Settings > Shop > Sidebar and titles > scroll down to view all the options.

If you have any questions please feel free to contact us.

Best Regards

4) Can you explain what that means and the issue it creates?

8) I have already checked, as I said. There is no option. Please show a screenshot of how to select what categories to hide on shop.

Hello,

Please check this screen: https://gyazo.com/0653334ee4d51fa6bd9765785ea7216b

Try to remove these decorative dots around the world: https://prnt.sc/11mpzh8

Fill the letters with the color, make the images of the same size and check.

Best Regards

[Author]

Posts