Help with Product Categories Widget - by bryanr18lowe

This topic has 4 replies, 2 voices, and was last updated 8 years, 12 months ago ago by Eva Kemp

  • Avatar: bryanr18lowe
    bryanr18lowe
    Participant
    December 6, 2016 at 14:53

    Hello,

    I hope this message finds you doing very well.

    Is it possible to give me a pointer on how I can modify the product categories widget? Specifically, I have a need to ensure that the first item in the product categories widget is not automatically set to “expand”. Furthermore, I’m hopeful I can highlight three of the categories in the product categories widget as these are the categories that we would like to promote a little more than the others.

    Thank you for any help!

    All the best,

    Bryan

    3 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    December 6, 2016 at 19:04

    Hello,

    You can close the first category by editing wp-content/themes/royal/js/etheme.js file. Find and comment out line 1828
    $this.find('>li').first().find('.open-this').html(minusIcon).parent().addClass('opened').find('ul.children').show();
    To highlight only first 3 categories add this code in Theme Options > Custom CSS > Global Custom CSS:

    .cat-item-123 a, .cat-item-76 a, .cat-item-65 a {
        color: red;
    }

    Regards,
    Eva Kemp.

    Avatar: bryanr18lowe
    bryanr18lowe
    Participant
    December 8, 2016 at 16:01

    Thanks, Eva!

    Avatar: Eva
    Eva Kemp
    Participant
    December 8, 2016 at 22:43

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Help with Product Categories Widget’' 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.