This topic has 11 replies, 3 voices, and was last updated 10 years, 3 months ago ago by Robert Hall
Hi there,
Just needed help for the following:
1. How to adjust the left navigation on the shop pages? CSS settings like padding ?
2. Customize the number of each category on the each row? on the shop page (under the banner)
3. Keep the left navigation on each item.
4. Add a “related” Products under each item on individual product pages
Thank you!
Hello,
1) Please describe what you want to do with the left navigation on the shop pages?
2) Navigate to Theme Options->Product Page layout and select Products per row 4
3) For this you can use code text-align:left;
4) Navigate to Theme Options->Single Product Paga-> Show related products-> On
Regards,
Robert Hall.
1. Want to trim down the spacing (top and bottom) margins, font size etc
2. Tried that, although works for products, but under the banner/slider, it’s showing categories, not the actual products. So that’s not working.
3. What I meant was, for example browsing a single item, I’d like to keep the navigation on the left. At the moment, its disable when browsing a single item.
4. Thanks!
Hello,
1. Please specify exactly what you want to change and show us the links where the changes need to be made.
2. Unfortunately there is no such option for categories.
3. To have left sidebar enabled for each product item you need select the appropriate Sidebar position in Theme Options > Single Product Page. Then drag the desired widgets into the “Single Product Page Sidebar” widget area.
Regards,
Eva Kemp.
1. Side panel (left navigation), I just want to trim down the categories navigation, change the font size, and margin top and bottom etc on the left navigation
(hidden link provided)
2. Ok, How about I remove the automatic generation of product categories below the banner? So I can use the usual HTML or shortcodes. Basically how do I turn off showing the categories on Main Shop page.
3. Great thanks!, but is there any short code that I can use to auto generate the product categories? Or maybe a widget?
Hello,
1. To change the font size of the categories in sidebar use this code in custom.css file:
.product-categories > li > a {
font-size: 13px;
}
2. To disable categories showing on the Shop page go to Woocommerce > Settings > Products tab and select “Show products” in the “Shop Page Display” field.
3. Unfortunately there is no such feature in our theme. Sorry. You may contact Woocommerce support. Perhaps they will suggest you some solution.
Regards,
Eva Kemp.
Great, thanks for update.
1. Is it possible to change the hover options? Like for example change its background? with a box?
Add borders etc?
2. That worked, but how about disabling both? So i can just encode something else?
Ty!
Hello,
1. Yes, it is possible by using CSS styles.
2. Could you please clarify us with more details?
Regards,
Robert Hall.
1. Ok, any tips? Or basic usage? Or maybe you can direct me to the particular css classes?
2. I was planning to add a “related categories” instead of the related products, or a widget / shortcode that will generate thumbnails of the categories.
I was told this is not possible. Anyway thats fine.
Just need help on the customization of the navigation, I want to be able to change the background colors, fonts. borders etc.
Ty!
Also on the legenda demo, just under the navigation , their is a 3 column text boxes like on the Classic store demo, you have
DO YOU HAVE ANY QUESTION? CALL: (555) 343 458GET 15% OFF WHEN YOU SPEND OVER $100FREE SHIPPING! ALL ORDERS OVER $199
With 3 columns, how do you duplicated this with the same borders?
Thank you!
Hello,
Provide us with a screenshot where you want to do some customizstion of the navigation, background colors, fonts. borders etc.
Regards,
Robert Hall.
The issue related to '‘Shop Customization’' has been successfully resolved, and the topic is now closed for further responses