I'm a beginner in wordpress,recently I installed the dokan plugin for my online shop, gave me problems and I read that the solution was add this code
add_action('wp_enqueue_scripts', 'mgt_dequeue_stylesandscripts',99);
function mgt_dequeue_stylesandscripts() {
if ( class_exists( 'woocommerce' ) ) {
wp_dequeue_style( 'select2' );
wp_deregister_style( 'select2' );
wp_dequeue_script( 'select2');
wp_deregister_script('select2');
} }
I am using the handy store template, so I put the code in the file "function", when I use this function, the text-blocks stop working, literally they disappear, and when I remove the code they come back again, how could I solve it?
the above problem was that I had errors when uploading banners and photos.
when I look at the console, I get this error
"Uncaught TypeError: $(...).select2 is not a function(…)"
in the function helper of mi theme, the function is this
/* Handy Theme js functions ver 2.0 */
jQuery(document).ready(function($){
$(window).load(function(){
"use strict";
/* Star rating update */
$('p.stars span').replaceWith( '<span><a href="#" class="star-5">5</a><a href="#" class="star-4">4</a><a href="#" class="star-3">3</a><a href="#" class="star-2">2</a><a href="#" class="star-1">1</a></span>' );
});
});
jQuery(document).ready(function($){
"use strict";
/* List/Grid Switcher */
var container = $('ul.products:not(.owl-carousel)');
if ( $('.pt-view-switcher span.pt-list').hasClass('active') ) {
container.find('.product').each(function(){
if ($(this).not('.list-view')) {
$(this).addClass('list-view');
};
});
};
$('.pt-view-switcher').on( 'click', 'span', function(e) {
e.preventDefault();
if ( (e.currentTarget.className == 'pt-grid active') || (e.currentTarget.className == 'pt-list active') ) {
return false;
}
var container = $('ul.products:not(.owl-carousel)');
if ( $(this).hasClass('pt-grid') && $(this).not('.active') ) {
container.animate({opacity:0},function(){
$('.pt-view-switcher .pt-list').removeClass('active');
$('.pt-view-switcher .pt-grid').addClass('active');
container.find('.product').each(function(){
$(this).removeClass('list-view');
});
container.stop().animate({opacity:1});
});
}
if ( $(this).hasClass('pt-list') && $(this).not('.active') ) {
container.animate({opacity:0},function(){
$('.pt-view-switcher .pt-grid').removeClass('active');
$('.pt-view-switcher .pt-list').addClass('active');
container.find('.product').each(function(){
$(this).addClass('list-view');
});
container.stop().animate({opacity:1});
});
}
});
/* Product dropdown filters animation */
var settings = {
interval: 100,
timeout: 200,
over: mousein_triger,
out: mouseout_triger
};
function mousein_triger(){
if ($(this).hasClass('widget_price_filter')) {
$(this).find('form').css('visibility', 'visible');
} else {
$(this).find('.yith-wcan').css('visibility', 'visible');
}
$(this).addClass('hovered');
}
function mouseout_triger() {
$(this).removeClass('hovered');
if ($(this).hasClass('widget_price_filter')) {
$(this).find('form').delay(300).queue(function() {
$(this).css('visibility', 'hidden').dequeue();
});
} else {
$(this).find('.yith-wcan').delay(300).queue(function() {
$(this).css('visibility', 'hidden').dequeue();
});
}
}
$('#filters-sidebar .widget').hoverIntent(settings);
/* Vendor List socials icons animation */
var settings2 = {
interval: 100,
timeout: 200,
over: mousein_triger2,
out: mouseout_triger2
};
function mousein_triger2(){
$(this).find('ul.social-icons').css('visibility', 'visible');
$(this).addClass('hovered');
}
function mouseout_triger2() {
$(this).removeClass('hovered');
$(this).find('ul.social-icons').delay(300).queue(function() {
$(this).css('visibility', 'hidden').dequeue();
});
}
$('.wcv-pro-vendorlist .wcv-socials-container').hoverIntent(settings2);
/* Adding slider to woocommerce recently-viewed widget */
$('.widget_recently_viewed_products').each(function(){
var slider = $(this).find('.product_list_widget');
slider.attr("data-owl","container").attr("data-owl-slides","1").attr("data-owl-type","simple").attr("data-owl-transition","fade").attr("data-owl-navi","true").attr("data-owl-pagi","false");
});
/* Primary navigation animation */
$('.primary-nav li').has('ul').mouseover(function(){
$(this).children('ul').css('visibility','visible');
}).mouseout(function(){
$(this).children('ul').css('visibility','hidden');
});
$('.suppaMenu .suppa_menu_posts').append("<div class=\"sepa\">");
$('.suppaMenu .suppa_menu_mega_posts').append("<div class=\"sepa\">");
/* Extra product gallery images links */
$("ul.pt-extra-gallery-thumbs li a").on( 'click', function(e) {
e.preventDefault();
var mainImage = $(this).attr("href");
var imgSrcset = $(this).find('img').attr("srcset");
var mainImageContainer = $(this).parent().parent().parent().find(".pt-extra-gallery-img img");
mainImageContainer.attr({ src: mainImage, srcset: imgSrcset });
return false;
});
/* To top button */
// Scroll (in pixels) after which the "To Top" link is shown
var offset = 300,
//Scroll (in pixels) after which the "back to top" link opacity is reduced
offset_opacity = 1200,
//Duration of the top scrolling animation (in ms)
scroll_top_duration = 700,
//Get the "To Top" link
$back_to_top = $('.to-top');
//Visible or not "To Top" link
$(window).scroll(function(){
( $(this).scrollTop() > offset ) ? $back_to_top.addClass('top-is-visible') : $back_to_top.removeClass('top-is-visible top-fade-out');
if( $(this).scrollTop() > offset_opacity ) {
$back_to_top.addClass('top-fade-out');
}
});
//Smoothy scroll to top
$back_to_top.on('click', function(event){
event.preventDefault();
$('body,html').animate({
scrollTop: 0 ,
}, scroll_top_duration
);
});
/* Widget Area menu Accordion */
$('.widget.widget_nav_menu').each(function(){
var settings3 = {
interval: 100,
timeout: 200,
over: mousein_triger3,
out: mouseout_triger3
};
$(this).find('.menu-item-has-children').hoverIntent(settings3);
function mousein_triger3(){
var element = $(this);
element.addClass('open');
element.children('ul').slideDown();
element.siblings('li').children('ul').slideUp();
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp();
}
function mouseout_triger3() {
var element = $(this);
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp();
}
});
/* Isotope Init */
var isotopeContainer = $('[data-isotope=container]');
var isotopeFilters = $('[data-isotope=filters]');
isotopeContainer.each(function(){
var isotopeLayout = $(this).data('isotope-layout').toLowerCase();
var isotopeElements = $(this).data('isotope-elements');
var layout = null;
switch(isotopeLayout){
case 'fitrows' : layout = 'fitRows'; break;
case 'masonry' : layout = 'masonry'; break;
case 'vertical' : layout = 'vertical'; break;
default : layout = 'fitRows'; break;
}
// initialize Isotope after all images have loaded
var container = $(this).imagesLoaded( function() {
/* Add isotope special class */
container.children('.'+isotopeElements).each(function(){
$(this).addClass('isotope-item');
});
/* Init Isotope */
container.isotope({
itemSelector : '.isotope-item',
layoutMode : layout,
transitionDuration: '0.6s',
});
});
});
// Portfolio, Gallery special select trigger
var select = $('select.filters-group');
select.change(function() {
var filters = '';
if ( $(this).val() !='') {
filters = '.'+$(this).val();
}
isotopeContainer.isotope({ filter: filters });
return false;
});
// Isotope filters
if (isotopeFilters) {
// store filter for each group
var filters = {};
isotopeFilters.on( 'click', '.filter', function() {
var all_filters = {};
var updated_counters = {};
var filtered_elements = {};
var filter = null;
// get all available filters
isotopeFilters.each(function(){
$(this).children().each(function(){
filter = $(this).attr('data-filter');
if ( ($.inArray(filter, all_filters) == -1) && filter!='' ) all_filters[filter] = 0;
});
});
var $this = $(this);
// get group key
var buttonGroup = $this.parents('.filters-group');
var filterGroup = buttonGroup.attr('data-filter-group');
// set filter for group
filters[ filterGroup ] = $this.attr('data-filter');
// combine filters
var filterValue = '';
for ( var prop in filters ) {
filterValue += filters[ prop ];
}
// set filter for Isotope
isotopeContainer.isotope({ filter: filterValue });
// get filtered elements
var filtered = isotopeContainer.data('isotope').filteredItems;
var filtered_elements = jQuery.map( filtered, function( a ) {
return a.element;
});
// get updated counters
var updated_counters = all_filters;
//console.log(updated_counters);
$.each( updated_counters, function (key, value) {
//console.log(key+' '+value);
$.each( filtered_elements, function (i, dom_element) {
if( ($(dom_element).filter(key).length)!=0 ) {
value++;
updated_counters[key] = value;
};
});
});
// update counters
$.each( updated_counters, function (key, value) {
$('.filter').each(function(){
if ( $(this).attr('data-filter') == key ) {
$(this).find('.counter').text(value);
};
});
});
});
// change is-checked class on buttons
$('.filters-group').each( function( i, buttonGroup ) {
var buttonGroup = $( buttonGroup );
buttonGroup.on( 'click', '.filter', function() {
buttonGroup.find('.is-checked').removeClass('is-checked');
$( this ).addClass('is-checked');
});
});
};
/* Magnific pop-Up init */
// Gallery Page init
$('.pt-gallery').each( function() {
$(this).magnificPopup({
mainClass: 'mfp-with-fade',
removalDelay: 300,
delegate: '.quick-view',
type: 'image',
closeOnContentClick: false,
closeBtnInside: true,
image: {
verticalFit: true,
titleSrc: function(item) {
console.log(item.el);
var img_desc = item.el.parent().parent().find('h3').html();
return img_desc + '<a class="image-source-link" href="'+item.el.attr('href')+'" target="_blank">source</a>';
}
},
gallery: {
enabled:true,
},
callbacks: {
buildControls: function() {
// re-appends controls inside the main container
this.contentContainer.append(this.arrowLeft.add(this.arrowRight));
},
},
});
});
// Single image pop-up init
var magnificLink = $('[data-magnific=link]');
magnificLink.magnificPopup({
removalDelay: 500,
type: 'image',
closeOnContentClick: false,
closeBtnInside: true,
callbacks: {
beforeOpen: function() {
// just a hack that adds mfp-anim class to markup
this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim');
this.st.mainClass = this.st.el.attr('data-effect');
}
},
});
// Single Product Gallery
var magnificContainer = $('[data-magnific=container]');
magnificContainer.each( function() {
$(this).magnificPopup({
mainClass: 'mfp-with-fade',
removalDelay: 300,
delegate: 'a',
type: 'image',
closeOnContentClick: false,
closeBtnInside: true,
image: {
verticalFit: true,
titleSrc: function(item) {
var img_desc = item.el.attr('title');
return img_desc + '<a class="image-source-link" href="'+item.el.attr('href')+'" target="_blank">source</a>';
}
},
gallery: {
enabled:true,
},
callbacks: {
buildControls: function() {
// re-appends controls inside the main container
if ( this.arrowLeft && this.arrowRight ) {
this.contentContainer.append(this.arrowLeft.add(this.arrowRight));
};
},
},
});
});
magnificLink.magnificPopup({
removalDelay: 500,
type: 'image',
closeOnContentClick: false,
closeBtnInside: true,
callbacks: {
beforeOpen: function() {
// just a hack that adds mfp-anim class to markup
this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim');
this.st.mainClass = this.st.el.attr('data-effect');
}
},
});
/* Owl Carousel init */
// Owl special functions
function center(number,sync2){
var sync2visible = sync2.data("owlCarousel").owl.visibleItems;
var num = number;
var found = false;
for(var i in sync2visible){
if(num === sync2visible[i]){
var found = true;
}
}
if(found===false){
if(num>sync2visible[sync2visible.length-1]){
sync2.trigger("owl.goTo", num - sync2visible.length+2)
}else{
if(num - 1 === -1){
num = 0;
}
sync2.trigger("owl.goTo", num);
}
} else if(num === sync2visible[sync2visible.length-1]){
sync2.trigger("owl.goTo", sync2visible[1])
} else if(num === sync2visible[0]){
sync2.trigger("owl.goTo", num-1)
}
}
function afterOWLinit() {
// adding A to div.owl-page
$('.owl-controls .owl-page').append('<div class="item-link"></div>');
var paginatorsLink = $('.owl-controls .item-link');
/**
* this.owl.userItems - it's your HTML <div class="item"><img src="http://www.ow...t of us"></div>
*/
$.each(this.owl.userItems, function (i) {
$(paginatorsLink[i])
// i - counter
// Give some styles and set background image for pagination item
.css({
'background': 'url(' + $(this).find('img').attr('src') + ') center center no-repeat',
'-webkit-background-size': 'cover',
'-moz-background-size': 'cover',
'-o-background-size': 'cover',
'background-size': 'cover'
})
// set Custom Event for pagination item
.click(function () {
$(this).trigger('owl.goTo', i);
});
});
}
var owlContainer = $('[data-owl=container]');
$(owlContainer).each(function(){
// Variables
var owlSlidesQty = $(this).data('owl-slides');
var owlType = $(this).data('owl-type');
var owlTransition = $(this).data('owl-transition');
if ( owlSlidesQty !== 1 ) {
owlTransition = false;
}
var owlNavigation = $(this).data('owl-navi');
var owlPagination = $(this).data('owl-pagi');
if (owlNavigation == 'custom') {
var owlCustomNext = $(this).find(".next");
var owlCustomPrev = $(this).find(".prev");
};
// Simple Carousel
if ( owlType == 'simple' ) {
// One Slide Gallery
if ( owlSlidesQty == 1 ) {
$(this).owlCarousel({
navigation : owlNavigation,
pagination : owlPagination,
navigationText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
slideSpeed : 300,
paginationSpeed : 400,
singleItem : true,
transitionStyle : owlTransition,
});
};
};
// Carousel for Woo shortcodes
if ( owlType == 'woo_shortcode' ) {
var owl = $(this).find('ul:not(.pt-extra-gallery-thumbs)');
owl.owlCarousel({
navigation : false,
pagination : false,
slideSpeed : 300,
paginationSpeed : 400,
items : owlSlidesQty,
itemsDesktop : owlSlidesQty,
itemsDesktopSmall : [900,(owlSlidesQty-1)],
itemsTablet: [600,(owlSlidesQty-2)],
itemsMobile : [479,1],
rewindNav : false,
scrollPerPage : false,
});
var owlCustomNext = $(this).find(".next");
var owlCustomPrev = $(this).find(".prev");
owlCustomNext.click(function(){
owl.trigger("owl.next");
})
owlCustomPrev.click(function(){
owl.trigger("owl.prev");
})
}
// Carousel with thumbs
if ( owlType == 'with-thumbs' ) {
var sync1 = $(this);
var sync2 = $(this).parent().find('[data-owl-thumbs="container"]');
sync2.on("click", ".owl-item", function(e){
e.preventDefault();
var number = $(this).data("owlItem");
sync1.trigger("owl.goTo",number);
});
sync1.owlCarousel({
singleItem : true,
slideSpeed : 300,
paginationSpeed : 400,
navigation : true,
pagination : false,
afterAction : function(el){
var current = this.currentItem;
sync2
.find(".owl-item")
.removeClass("synced")
.eq(current)
.addClass("synced")
if(sync2.data("owlCarousel") !== undefined){
center(current,sync2)
}
},
responsiveRefreshRate : 200,
transitionStyle : owlTransition,
navigationText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
});
sync2.owlCarousel({
items : 4,
pagination : false,
responsiveRefreshRate : 100,
itemsDesktop : [1199,4],
itemsDesktopSmall : [979,4],
itemsTablet: [768,4],
itemsMobile : [479,2],
afterInit : function(el){
el.find(".owl-item").eq(0).addClass("synced");
}
});
};
// Simple Carousel with icon-pagination
if ( owlType == 'with-icons' ) {
$(this).owlCarousel({
navigation : owlNavigation, // Show next and prev buttons
pagination : owlPagination,
slideSpeed : 300,
paginationSpeed : 400,
singleItem : true,
transitionStyle : owlTransition,
afterInit: afterOWLinit,
navigationText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
});
};
});
/* Adding Carousel to cross-sells */
var owl = $(".cross-sells ul.products");
owl.owlCarousel({
navigation : false,
pagination : true,
autoPlay : false,
slideSpeed : 300,
paginationSpeed : 400,
singleItem : true,
transitionStyle : "fade",
});
/* Select2 Init */
var select = $('select:not(#rating):not(.country_select)');
select.each(function(){
if ( $(this).hasClass('orderby') ||
$(this).hasClass('filters-group') ||
$(this).parent().hasClass('value') ||
$(this).hasClass('search-select')
){
$(this).select2({
minimumResultsForSearch: -1,
});
} else {
$(this).select2();
}
});
/* Check Radio init */
function check_radio_styled() {
$("form:not(.register, .ajax-auth) input[type='checkbox']:not(#createaccount)").ionCheckRadio();
$(".login input[type='checkbox']").ionCheckRadio();
/*$(".wcv-tabs input[type=checkbox], .wcv-tabs input[type=radio]").ionCheckRadio();*/
}
check_radio_styled();
});
/* Lazy Sizes Init */
window.lazySizesConfig = {
addClasses: true,
};
specifically the error is in this line
/* Select2 Init */
var select = $('select:not(#rating):not(.country_select)');
select.each(function(){
if ( $(this).hasClass('orderby') ||
$(this).hasClass('filters-group') ||
$(this).parent().hasClass('value') ||
$(this).hasClass('search-select')
){
//****this code -> $(this).select2({
minimumResultsForSearch: -1,
});
} else {
$(this).select2();
}
});
I have little knowledge of js, appreciate any suggestions
