Product categories - by fabienne - on WordPress WooCommerce support

This topic has 13 replies, 5 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

  • Avatar: fabienne
    fabienne
    Participant
    October 7, 2015 at 09:27

    hello
    like on your simple (https://www.8theme.com/demo/legenda/home-page-3/) I would like to show my product categroies.
    How can I show 4 or 5 categories per row?

    thank you and best regards
    Fabienne

    12 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 7, 2015 at 10:23

    Hello,

    You need use “Product Categories” element in Visual Composer editor.
    Please try it.

    Regards,
    Eva Kemp.

    Avatar: fabienne
    fabienne
    Participant
    October 7, 2015 at 10:42

    hello

    I did use this but I cannot change the number of categories per line.
    how can I change this?

    thank you
    regards
    Fabienne

    Avatar: Eva
    Eva Kemp
    Support staff
    October 7, 2015 at 12:24

    Hello,

    Please provide us with wp-admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: fabienne
    fabienne
    Participant
    October 10, 2015 at 09:00

    hello
    attached you find the infos.

    regards
    Fabienne

    Please, contact administrator
    for this information.
    Avatar: jamaliah
    jamaliah
    Participant
    October 10, 2015 at 09:14

    hi… i already add slide in my homepage. but above the slide it appear line.. how can i delete it? and how can i make text like the sample theme above the top menu?

    thx

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 10, 2015 at 09:40

    Hello @fabienne,

    To use 4 product category in a row try use this code in custom.css.

    .product-category:nth-child(3n+1){
    clear:none;
    }
    .product-category:nth-child(4n+1){
    clear:both;
    }
    .product-category {
    width:23% !important;
    margin: 4px !important;
    }
    .product-category.last {
    margin-left:5px !important;
    }
    .product-category.first {
    margin-left:5px !important;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    October 10, 2015 at 09:45

    Hello @jamaliah,

    Please provide us with wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: fabienne
    fabienne
    Participant
    October 10, 2015 at 10:13

    hello Robert

    GREAT! thank you so much. it looks much better as before.
    do you also know how to remove the count behind the cetegory titels.

    I tried:
    .product-category.count {
    display: none !important;
    }

    but does not work.

    Thank you
    and bet regards
    Fabienne

    Avatar: jamaliah
    jamaliah
    Participant
    October 10, 2015 at 10:29

    hi, please answer this

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 12, 2015 at 12:40

    Hello @fabienne and @jamaliah,

    To disable count in category you need to comment the code in the wp-content/themes/legenda/woocommerce/content-product_cat.php file in lines 64, 65:

    if ( $category->count > 0 )
    echo apply_filters( 'woocommerce_subcategory_count_html', ' (' . $category->count . ')', $category );

    Best regards,
    Jack Richardson.

    Avatar: fabienne
    fabienne
    Participant
    October 30, 2015 at 18:14

    hello

    the categories are perfectly shown on my homepage on the pc but now they are not nicely shown on the mobile view.
    on the mobile view there is only shown one category per line but there would be space for four per line.
    How can I change the mobile view?

    thank you and best regards
    Fabienne

    Avatar: Eva
    Eva Kemp
    Support staff
    October 30, 2015 at 19:15

    Hello @fabienne,

    Please use this css code:

    @media (max-width: 480px) {.product-category {
        width: 19% !important;
        display: inline-block !important;
    }}

    Regards,
    Eva Kemp.

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

You must be logged in to reply to this topic.Log in/Sign up

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