Custom Theme

  • Resolved olgamm

    (@olgamm)


    4 years, 8 months ago

    Hello,

    I’m trying to create a custom WooCommerce theme. My problem is with the sorting dropdown on product archive template. The dropdown is not working but when switch to a default theme the dropdown is working properly.

    I have duplicate the archive-product.php and insert it under the path “myTheme->woocommerce->archive-product.php”

    What should I do? Is there a function that I must include inside the functions.php?

    Note: I have already included the bellow part 

    
// Woocommerce
function mytheme_add_woocommerce_support() {
    add_theme_support( 'woocommerce' );
}

    Thanks in advance ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support EastOfWest a11n

    (@eastofwest)

    Hi there!

    If you’ve set it up correctly and you’re just duplicating the template file without modifications, then I would expect it to work.

    Have you been using the Theme Developer Handbook as a guide? In the Declaring WooCommerce Support section it references the code you’re using above – just to check, do you also call that function, with something like this?

    add_action( ‘after_setup_theme’, ‘mytheme_add_woocommerce_support’ );

    On the page linked above, there’s also an Examples section at the bottom, containing themes you can look at closer to see how they did it.

    Thread Starter olgamm

    (@olgamm)

    Hello,

    I will check again the developer handbook, just in case, and yes, I call the add_action method.

    Thank you for your reply. I will check the documentation a little more and come back

    Plugin Contributor Niels Lange

    (@nielslange)

    Hello @olgamm,

    I will check the documentation a little more and come back

    That sounds like a good plan. I’ll mark this issue as closed, but feel free to create a new issue, if you have any additional questions regarding WooCommerce.

    Thread Starter olgamm

    (@olgamm)

    I found the problem. So I will post my answer here, if someone else has a similar issue.

    My problem was with jQuery. In my theme I was un-loading and reloading jquery, with the below code

    
function load_JQuery()
{
 	wp_deregister_script('jquery');
 	wp_register_script('jQuery', get_template_directory_uri().'/js/jQuery-3.5.1.min.js','', 1,true);
 	wp_enqueue_script('jQuery');
}
add_action('wp_enqueue_scripts','load_JQuery');

    and this conflicts with the woocommerce, so I decided to stay with the default jquery that wordpress uses. So I deleted the previous code and added the bellow 

    
function load_javascript()
{
    //Load default jquery
    wp_enqueue_script('jquery');
    //Set as dependency file jQuery [ array('jquery') ]
    wp_register_script('bootstrap_js', get_template_directory_uri().'/js/bootstrap.min.js',array('jquery'), 1,true);
	wp_enqueue_script('bootstrap_js');
}
add_action('wp_enqueue_scripts','load_javascript');

    Also in my js file I used the bellow syntax 

    
(function($) {
   $(document).ready(function(){
      //jQuery code ....

   })
})( jQuery );

    This is the link that helped me about the jquery
    https://travis.media/how-to-setup-and-use-jquery-in-your-wordpress-theme/

    Plugin Support Damianne P (a11n)

    (@drwpcom)

    Hi @olgamm! Thank you for circling back to share your solution to help other members of the community. I’m going to go ahead and mark this thread resolved. Please start a new thread if you have any other questions.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom Theme’ is closed to new replies.