Return to previous page

Product MouseOver In Woo Commerce - by writeonepub

This topic has 8 replies, 3 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

writeonepub

Participant

August 9, 2016 at 16:54

When I mouse over a product in my shop page, a black box comes up. What is supposed to be in that box? And where is the option to edit this?

http://i99.photobucket.com/albums/l293/themusichotspot/Screen%20Shot%202016-08-09%20at%2011.46.49%20AM_zpsozxjbkxe.png

#136159 Copied

7 Answers

Rose Tyler

Support staff

August 10, 2016 at 12:21

Hello,

Please update the theme to the latest version and check the issue.
Before update delete “woocommerce” folder in the directory wp-content/themes/royal/ and it’ll be reuploaded from a new theme package.
Don’t forget to make backup of the site before update.
Here is video tutorial how to update theme.
https://youtu.be/KdWESIIPU1k
(it’s for Legenda theme but the process is the same).

Regards,
Rose Tyler.

#136226 Copied

writeonepub

Participant

August 10, 2016 at 15:43

I did as you suggested and updated to the most recent version and the black box is still there when I hover over products in my woo commerce store, please advise.

Also, now that I updated to the newest version the share buttons in my footer are light gray, how do I change them back to the dark gray like they originally were?

#136272 Copied
Robert Hall

Support staff

August 10, 2016 at 16:50
Hello,

1) You can install the recommends plugin such as Wishlist and you’ll see the Wishlist button there.
2) Please try to add this code in Global Custom CSS.
```
.copyright.text-color-default .menu-social-icons i {
    background-color: #353535;
}
```
Regards,
Robert Hall
#136281 Copied
writeonepub

Participant

August 10, 2016 at 16:54

I’m not talking about the wishlist button, I’m talking about this black box that pops up when I mouse over.

http://i99.photobucket.com/albums/l293/themusichotspot/Screen%20Shot%202016-08-09%20at%2011.46.49%20AM_zpsozxjbkxe.png

#136282 Copied
Robert Hall

Support staff

August 10, 2016 at 17:04
The wishlist button should be there.

Also you can hide this box via adding CSS code in Global Custom CSS.
```
.footer-product{
display:none !important;
}
```
Regards,
Robert Hall
#136286 Copied
writeonepub

Participant

August 11, 2016 at 20:02

Added the CSS code, now the social media links in the footer are linking to blog posts instead of my social media pages.

I want the social media buttons in my blog to link to the blog posts, but not the social media buttons in my footer. Please advise.

#136424 Copied

Robert Hall

Support staff

August 12, 2016 at 07:31

Hello,

You need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product”).
For example, for facebook link you need change the following code
<a href="http://www.facebook.com/sharer.php?u='.$permalink.'" class="'.$tooltip_class.'" title="'.__('Facebook', ET_DOMAIN).'" target="_blank">
with your link
<a href="here is your link" class="'.$tooltip_class.'" title="'.__('Facebook', ET_DOMAIN).'" target="_blank">

Also we recommended to make all changes in the Child Theme.
https://www.8theme.com/demo/docs/royal/index.html#!/2_child_theme
https://codex.wordpress.org/Child_Themes
Regards,
Robert Hall

#136443 Copied
Viewing 8 results - 1 through 8 (of 8 total)