Return to previous page

Help with Product Categories Widget - by bryanr18lowe

This topic has 4 replies, 2 voices, and was last updated 7 years, 11 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

    #148125 Copied
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    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.

    #148154 Copied
    Avatar: bryanr18lowe
    bryanr18lowe
    Participant
    December 8, 2016 at 16:01

    Thanks, Eva!

    #148380 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    December 8, 2016 at 22:43

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #148455 Copied
  • 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme

See All Templates

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