slickが組み込まれているテーマでswiperを利用したい。

表題の件で、ご知見のある方にご協力頂きたく投稿しました。

現在、wordpressの有料テーマを購入し、そちらでswiperを導入しようとしています。
公式サイトの手順通り(にやっているつもり)でコードを設置しても、JavaScriptが動いていないようです。

購入先の利用非推奨にswiperはなく、競合するのか問い合わせしているのですが回答がなく、困っておりこちらに投稿しました。
※有料テーマの名前は伏せさせて頂きます。

調べてわかったこと

親テーマはslickが組み込まれている
親テーマでは、「slider.php」というphpファイルでslickの初期設定をしている
headタグ内、/body直前でslickは読み込まれていない

親テーマのsidber.php

php
1<?php
2
3function sng_slider_render( $block_content, $block ) {
4  if ( isset($block['blockName']) && $block['blockName'] === 'sgb/slider') {
5    wp_enqueue_style('slick-style', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css');
6    wp_enqueue_style('slick-theme-style', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css');
7    wp_enqueue_script('jquery');
8    wp_enqueue_script(
9      'sng-slick', // Handle.
10      'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js'
11    );
12  }
13  return $block_content;
14}
15
16add_filter( 'render_block', 'sng_slider_render', 10, 2 );

以下がswiperを実装するために試したこと。

function.phpに以下のように組込み、fooer.phpに<script>で
上記が効かなかったので、headerとfooterで記載したが、結果変わらず

以下functionphpに組み込んだもの

php
1function my_script_init()
2  { 
3    wp_deregister_script('jquery');
4    wp_enqueue_script( 'swiper-js', get_template_directory_uri() . '/js/swiper-bundle.min.js', array( 'jquery' ), '1.0', true );
5
6    wp_enqueue_style( 'swiper-css', get_template_directory_uri() . '/css/swiper.min.css', array(), '1.0' );
7  }
8  add_action('wp_enqueue_scripts', 'my_script_init');

footer.phpに組み込んだもの

php
1<script>
2  const mySwiper = new Swiper('.swiper', {
3    slidesPerView: 'auto',
4    spaceBetween: 16,
5    loop: true,
6    loopAdditionalSlides: 1,
7    speed: 750,
8    autoplay: {
9      delay: 4000,
10      disableOnInteraction: false,
11    },
12    grabCursor: true,
13    pagination: {
14      el: '.swiper-pagination',
15      clickable: true,
16    },
17    navigation: {
18      nextEl: '.swiper-button-next',
19      prevEl: '.swiper-button-prev',
20    },
21    breakpoints: {
22      1025: {
23        spaceBetween: 32,
24      }
25    },
26  });
27</script>