Return to previous page

Custom Sidebar - by Christina - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 7 years, 11 months ago ago by Rose Tyler

  • Avatar: AidaCorp
    Christina
    Participant
    February 15, 2017 at 17:29

    Hey so I contacted WooCommerce about our side bar customization, but they said that would be a theme issue.

    I would like to clean up the sidebar. Right now it is hard to distinguish between the main categories and subcategories. Where would I handle this at? or is there a separate plugin I need for this?? I have viewed others that are using your theme and their sidebar menus look really nice…Please let me know how to handle this!

    Also, on my footer, I am using the default company contact footer that came with the theme and changed it to my own company info. But the [share] buttons, I need to edit those so I can have them link to my social media pages, I can’t find this anywhere to edit. Where is that located??

    Finally, I was working with WooCommerce with the side bar menu, and they mentioned that my PHP is out of date…when I contacted my hosting company, they ran tests on the compatibility on the site…but the revolution slider and visual composer are not compatible…How would I go about updating the PHP without effecting how my site is working now??

    Thank!

    Please, contact administrator
    for this information.
    #154906 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    13 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    February 16, 2017 at 16:52

    Hello,

    1. Please clarify how you want to modify a sidebar.

    2. To change social icons links, you need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product” in line 1964), to change links you need edit the code, for example for Twitter <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ETHEME_DOMAIN).'" target="_blank"> and replace https://twitter.com/share?url='.$permalink.'&text='.$post_title.' with a link to your Twitter account.

    3. For our theme using it’s required PHP 5.3 or higher version. Currently you have 5.5.9 version and it’s applicable.

    Regards,
    Eva Kemp.

    #154998 Copied
    Avatar: AidaCorp
    Christina
    Participant
    February 16, 2017 at 18:57

    Side bar menu customization examples:

    http://cssmenumaker.com/menu/elegant-accordion-menu

    http://cssmenumaker.com/menu/modern-jquery-accordion-menu

    http://cssmenumaker.com/menu/modern-accordion-menu

    Something along these lines, just so it is easier to distinguish between main categories and sub categories.

    I tried to add my social links in, didn’t work. But I may want to leave it this way, so our customers are able to share our company with friends and family. I am having a meeting with my owners to see if he likes it that way or direct links to our sites. May need additional help in a near future with linking those properly.

    And that is unusual about the PHP. You guys and my hosting company says we are up to date with it, but WooCommerce is showing something completely different. Odd.

    Please, contact administrator
    for this information.
    #155014 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    Avatar: AidaCorp
    Christina
    Participant
    February 16, 2017 at 18:57

    Login credentials in private content.

    Please, contact administrator
    for this information.
    #155015 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    Avatar: Eva
    Eva Kemp
    Participant
    February 20, 2017 at 16:25

    Hello,

    I see empty page on your site.
    Do you know about this issue?
    Please fix it so we can see the site.

    Regards,
    Eva Kemp.

    #155262 Copied
    Avatar: AidaCorp
    Christina
    Participant
    February 20, 2017 at 17:59

    Yes, I was trying to add a code to the functions.php file and apparently I crashed my site!

    But you can check out the site now. I just want to be able to distinguish between the main categories and the subcategories. The outline and design of the examples I gave above would be perfect to help distinguish the different categories and subcategories. Let me know what you think and if you have an suggestions!! Thanks

    #155282 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    Avatar: Eva
    Eva Kemp
    Participant
    February 21, 2017 at 16:27

    Hello,

    Please use this css code:

    .product-categories > li {
   background: linear-gradient(#565656 0%, #323232 100%);
   border: 1px solid #000 !important;
   border-radius: 4px;
}
.product-categories > li > a {
   color: #fff !important;
}
.product-categories.with-accordion ul.children {
   background-color: white !important;
}
.product-categories > li.current-cat {
    background: linear-gradient(#97be10 0%, #79980d 100%);
    color: #fff;
    text-shadow: 0 1px 1px #000;
    border: 1px solid #79980d;
    border-radius: 4px;
}

    Regards,
    Eva Kemp.

    #155396 Copied
    Avatar: AidaCorp
    Christina
    Participant
    February 21, 2017 at 17:59

    ok that is great!! you guys do really good work.

    Is there a way to take this one step further? The main categories are black, then we have subcategories, but also sub-sub-categories….those seem to get lost when you expand the menu.

    this one is the best example of that.

    http://cssmenumaker.com/menu/modern-accordion-menu

    Let me know thanks!!

    #155415 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 23, 2017 at 10:27

    Hello,

    Also, you can add this code:

    .product-categories>li>a {
    padding-left: 15px;
}

    You can change style of different elements if you have css skills.
    Please, read article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/

    Regards,
    Rose Tyler.

    #155567 Copied
    Avatar: AidaCorp
    Christina
    Participant
    February 24, 2017 at 15:13

    ok great. I will look into that! Thanks!!

    #155710 Copied
    Avatar: AidaCorp
    Christina
    Participant
    February 24, 2017 at 15:31

    Do you happen to have a code that would allow the second level sub categories to not be shown on the drop down menu, maybe like pops out like a drop down menu but opens up to right of the menu??

    #155712 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    Avatar: Eva
    Eva Kemp
    Participant
    February 24, 2017 at 17:52

    Hello,

    Could you please show a screenshot what you want to achieve?

    Thank you.
    Regards,
    Eva Kemp.

    #155741 Copied
    Avatar: AidaCorp
    Christina
    Participant
    March 1, 2017 at 15:57

    Second Example

    One Example

    Third Example

    #156006 Copied Theme version: 2.8 WooCommerce version: 2.6.11
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 6, 2017 at 10:30

    Hello,

    Sorry, but there are no such options in our theme and can be done through the additional code customization that is out of our support scope.

    Regards,
    Rose Tyler.

    #156282 Copied

  • Tagged: , , , ,

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Interior – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Perfume – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Animals 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.