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, 9 months ago ago by Rose Tyler

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

Eva Kemp

Support staff

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

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

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

Eva Kemp

Support staff

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

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
Eva Kemp

Support staff

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
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
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
Christina

Participant

February 24, 2017 at 15:13

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

#155710 Copied

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

Eva Kemp

Support staff

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

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

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: best selling, custom sidebar, ecommerce solutions, seo optimization, woocommerce themes
Viewing 14 results - 1 through 14 (of 14 total)