This thread is resolved. Here is a description of the problem and solution.
Problem:
The issue here was that the user had some custom javascript that he wanted to add to his Archive pages.
Solution:
To add custom javascript to your Custom Archive or Views all you need to do is to edit that view and then go to the JS editor on that view and just add the Javascript there.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | 9:00 – 12:00 | - |
| - | 13:00 – 18:00 | 13:00 – 18:00 | 13:00 – 18:00 | 14:00 – 18:00 | 13:00 – 18:00 | - |
Supporter timezone: America/Jamaica (GMT-05:00)
This topic contains 17 replies, has 2 voices.
Last updated by 6 years, 9 months ago.
Assisted by: Shane.
I am trying to: add menu effect by js inserted in header of theme (Divi child theme). It works great all over the site (including the Woocommerce check out pages) but not at the shop pages where Toolset Woocommerce views + Views are handle the page template. Can you please help. It's all good at the home page or any other page on scroll except Shop page (or any product category page archive).
Link to a page where the issue can be seen: hidden link
I expected to see: same effect on pages handled by Toolset Views (or Toolset Woocommerce views)
JS code goes here:
<script>
(function($) {
$(window).on(‘scroll’, function() {
if(jQuery(‘#main-header’).hasClass(“et-fixed-header”)) {
jQuery(‘#logo’).attr(‘src’,’/wp-content/uploads/2017/08/DNK_Logo-Sign-H150px.png’);
}
else {
jQuery(‘#logo’).attr(‘src’,’/wp-content/uploads/2017/08/DNK_Logo-15-h90px.png’);
}
});
})( jQuery );
</script>
Also there is css for it (lines 8-41) but they just add effects, so I won't mention it here.
Right now it been inserted in:
Divi header - screen1 - NO LUCK, works everywhere except Shop
Toolset Layouts - #48620 WC-Shop-Layout (which leads to Toolset WordPress Archive WC-Shop #48621) - still NO LUCK
Also added to child-theme functions.php via enque - NO LUCK Screen2
function mojowil1_scripts() {
wp_register_script( 'header-logo', get_template_directory_uri() . '/js/header-logo.js', array( 'jquery' ), '2.2.1', false );
wp_enqueue_script( 'header-logo' );
}
add_action( 'wp_enqueue_scripts', 'mojowil1_scripts' );
Can you please help to find the right place or solution to insert this code. Thank you!
Dear Shane, please find a short update of my findings
For some reasons , ALL woocommerce pages been created via Views (Woocommerce views) didn't have "et-animated-content" class ( please see screen 1) when I began to scroll page, and that stops CSS/JS from change logo/menu position.
That is why page css structure is different on Home page (left) and Shop page (right) - after scroll and I can't get "et-fixed-header" class in Shop / Product pages.
Can you please fix this?
