Shop Customization - by polespino - on WordPress WooCommerce support

This topic has 11 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Robert Hall

  • Avatar: polespino
    polespino
    Participant
    August 20, 2014 at 22:03

    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!

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 21, 2014 at 06:21

    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.

    Avatar: polespino
    polespino
    Participant
    August 21, 2014 at 19:00

    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!

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    August 21, 2014 at 19:31

    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.

    Avatar: polespino
    polespino
    Participant
    August 23, 2014 at 03:16

    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?

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    August 23, 2014 at 09:25

    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.

    Avatar: polespino
    polespino
    Participant
    August 25, 2014 at 04:32

    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!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 25, 2014 at 06:59

    Hello,

    1. Yes, it is possible by using CSS styles.
    2. Could you please clarify us with more details?

    Regards,
    Robert Hall.

    Avatar: polespino
    polespino
    Participant
    August 26, 2014 at 20:40

    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!

    Avatar: polespino
    polespino
    Participant
    August 26, 2014 at 20:46

    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!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 27, 2014 at 06:23

    Hello,

    Provide us with a screenshot where you want to do some customizstion of the navigation, background colors, fonts. borders etc.

    Regards,
    Robert Hall.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Shop Customization’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.