woocommerce dropdown cart avia-arrow - Support | Kriesi.at

Tagged: woocommerce

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
May 30, 2016 at 3:49 pm #640465

jambrikp
Participant

Hey,

I have a little but frustrating problem. If I hover on first item of dropdown cart, I can not coloring the avia arrow with hover.
The arrow is ahead than items’ div. What can I do?

Best regards
Peter

May 30, 2016 at 4:02 pm #640468
Yigit
Keymaster
Hey Peter!

Please add following code to Functions.php file in Appearance > Editor
```
function avia_change_arrow_bg(){
?>
<script>
jQuery(window).load(function(){
jQuery('div .dropdown_widget .cart_list li:nth-child(1)').hover(function(){
jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
});
</script>
<?php
}
add_action('wp_footer', 'avia_change_arrow_bg');
```
Best regards,
Yigit
- This reply was modified 7 years, 10 months ago by Yigit.
May 30, 2016 at 5:56 pm #640507

jambrikp
Participant

wow, it was incredible fast! :)
am, something wrong, because after the hover the arrow doesnt change back to white… maybe need an else?
thank you

May 30, 2016 at 9:00 pm #640589
Yigit
Keymaster
Hey!

Please change the code to following one
```
function avia_change_arrow_bg(){
?>
<script>
jQuery(window).load(function(){
  jQuery('div .dropdown_widget .cart_list li:nth-child(1)').hover(
    function(){
jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
    },
    function(){
jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#ffffff');});
    }
  );   
});
</script>
<?php
}
add_action('wp_footer', 'avia_change_arrow_bg');
```
Best regards,
Yigit
May 30, 2016 at 10:26 pm #640615
jambrikp
Participant
Hi,

I tested your code but Its doesnt work…maybe there are not too many brackets in it?
I did browser hard reset and tried some versions (example this) but nothing:
```
function avia_change_arrow_bg(){
?>
<script>
jQuery(window).load(
function(){
   jQuery('div .dropdown_widget .cart_list li:nth-child(1)').hover(
       function(){jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
},
function(){
   jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#ffffff');
}
);
</script>
<?php
}
add_action('wp_footer', 'avia_change_arrow_bg');
```
Best regards,
Peter
May 31, 2016 at 7:30 pm #641040
Yigit
Keymaster
Hi,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:
- the URL to the login screen
- a valid username (with full administration capabilities)
- as well as a password for that username
Best regards,
Yigit
May 31, 2016 at 7:42 pm #641047

jambrikp
Participant

Hey,

Thank you for your help. Below the login details.
The Editor… (top left) My Sites > Network Admin > Themes > Editor… please select Petcorner Child Theme

Best regards,
Peter

May 31, 2016 at 8:25 pm #641058
Yigit
Keymaster
Hi!

I changed the code to following one
```
function avia_change_arrow_bg(){
?>
<script>
jQuery(window).load(function(){
jQuery('div .dropdown_widget .cart_list li:nth-child(1)').mouseover(function(){
jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#f3f4f4');});
  jQuery('div .dropdown_widget .cart_list li:nth-child(1)').mouseout(function(){
jQuery('#menu-item-shop .dropdown_widget .avia-arrow').css('background-color','#ffffff');});
});
</script>
<?php
}
add_action('wp_footer', 'avia_change_arrow_bg');
```
Please review your website now

Cheers!
Yigit
May 31, 2016 at 8:27 pm #641062

jambrikp
Participant

Amazing! :) Great work! Thank you!

Best regards,
Peter

May 31, 2016 at 8:31 pm #641064

Yigit
Keymaster

Hey!

You are welcome! Let us know if you have any other questions :)

Best regards,
Yigit
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘woocommerce dropdown cart avia-arrow’ is closed to new replies.