WooComerce problem desactivate

I would like to know if there is any reliance on WooCommerce with the Sydey Pro Theme. Since I deactivate the plugin and the site becomes chaos. When activated, it returns to normal. What’s up?

Hello there,

Do you have any other active plugins except Page Builder and Sydney Toolbox?

Regards,
Kharis

Yes

Yoast SEO
TC Custom JavaScript
Akismet Anti-Spam

for name a few

Well, I’d like to put it aside, since it works out easily by activating the plugin again. But I would like to know why this problem happened or happens.

The central problem is the one I have indicated here

Hello,

What’ll happen if you put the custom jQuery code off from your site?

Regards,
Kharis

I do not understand how to do that

Hello there,

From dashboard, go to Appearance > Custom JavaScript. Then remove the jQuery code you put in there.

Let me know how it goes.

Regards,
Kharis

Only returns to the normal state of the template

So your site goes fine again? What’s your intention of doing this? Please let me know, perhaps I could suggest you the other alternative solution.

Regards,
Kharis

The intent is to make the buttons not be hidden on mobile devices.

Hello there,

Please share your site URL here to allow me inspecting it, so that I could suggest other possible better solution.

Regards,
Kharis

Here I deal with that problem, please look at this link, so that you do not repeat the options to solve the problem and be able to close this topic. Thank you.

Hello there,

Please try this revised code where I added slide item checks.


jQuery(function($) {
 
   //Define the new buttons. Delete the lines you don't need
   var button1 = '<a href="https://interiorismofordi.com/nosotros/">¡Ok vamos!</a>'; //Slide 1
   var button2 = '<a href="https://interiorismofordi.com/cuentanos-tu-proyecto/">¡Quiero iniciar!</a>'; //Slide 2
   var button3 = '<a href="https://interiorismofordi.com/tienda/infantiles/animalquitos/">¡Quiero uno!</a>'; //Slide 3
   var button4 = '<a href="https://interiorismofordi.com">Button 4</a>'; //Slide 4
   var button5 = '<a href="https://interiorismofordi.com">Button 5</a>'; //Slide 5

  //Hide the default button
  $('.slide-inner a').hide();
 
  //Add the new buttons. Delete the lines you don't need
  if( $('.slide-item:nth-of-type(1)').length ) {
    $( '.slide-item:nth-of-type(1) .slide-inner' ).append(button1); //Slide 1
  }
  if( $('.slide-item:nth-of-type(2)').length ) {
    $( '.slide-item:nth-of-type(2) .slide-inner' ).append(button2); //Slide 2
  }
  if( $('.slide-item:nth-of-type(3)').length ) {
    $( '.slide-item:nth-of-type(3) .slide-inner' ).append(button3); //Slide 3
  }
  if( $('.slide-item:nth-of-type(4)').length ) {
    $( '.slide-item:nth-of-type(4) .slide-inner' ).append(button4); //Slide 4
  }
  if( $('.slide-item:nth-of-type(5)').length ) {
    $( '.slide-item:nth-of-type(5) .slide-inner' ).append(button5); //Slide 5
  }
});

Let me know how it goes.

Regards,
Kharis

Hello,

It continues with the same problem, adding that now it does not redirect to the page it should

The icons have disappeared … this becomes chaos

I solved it by disabling the following add-ons

Autoptimize
Fast speed minifer
Speed Reinforcement

Which should be eliminated?

But now in the main slider, there is no button shape, but pure text

Hello there,

I am sorry, I missed the class names attributed to the buttons. Please replace the code with this one:


jQuery(function($) {
 
   //Define the new buttons. Delete the lines you don't need
   var button1 = '<a href="https://interiorismofordi.com/nosotros/" class="roll-button button-slider">¡Ok vamos!</a>'; //Slide 1
   var button2 = '<a href="https://interiorismofordi.com/cuentanos-tu-proyecto/" class="roll-button button-slider">¡Quiero iniciar!</a>'; //Slide 2
   var button3 = '<a href="https://interiorismofordi.com/tienda/infantiles/animalquitos/" class="roll-button button-slider">¡Quiero uno!</a>'; //Slide 3
   var button4 = '<a href="https://interiorismofordi.com" class="roll-button button-slider">Button 4</a>'; //Slide 4
   var button5 = '<a href="https://interiorismofordi.com" class="roll-button button-slider">Button 5</a>'; //Slide 5

  //Hide the default button
  $('.slide-inner a').hide();
 
  //Add the new buttons. Delete the lines you don't need
  if( $('.slide-item:nth-of-type(1)').length ) {
    $( '.slide-item:nth-of-type(1) .slide-inner' ).append(button1); //Slide 1
  }
  if( $('.slide-item:nth-of-type(2)').length ) {
    $( '.slide-item:nth-of-type(2) .slide-inner' ).append(button2); //Slide 2
  }
  if( $('.slide-item:nth-of-type(3)').length ) {
    $( '.slide-item:nth-of-type(3) .slide-inner' ).append(button3); //Slide 3
  }
  if( $('.slide-item:nth-of-type(4)').length ) {
    $( '.slide-item:nth-of-type(4) .slide-inner' ).append(button4); //Slide 4
  }
  if( $('.slide-item:nth-of-type(5)').length ) {
    $( '.slide-item:nth-of-type(5) .slide-inner' ).append(button5); //Slide 5
  }
});

Regards,
Kharis

Excellent, thank you very much, but the buttons are still hidden for mobile devices …

Hello there,

Please try adding this extra custom CSS to Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (max-width:1024px) {

  .slide-item .slide-inner {
    top: 0 !important;
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
    -ms-transform: translateY(40%);
    -o-transform: translateY(40%);
    transform: translateY(40%);  
  }
  
}

@media only screen and (max-width:991px) {

  .slide-item .slide-inner {
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);  
  }
  
}

@media only screen and (max-width:767px) {

  .slide-item .slide-inner {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);  
  }
  
}

Regards,
Kharis

Great!! Thank you very much for the help Kharis. After a long journey of attempts this is solved. I hope that for the other update you can apply these fixes directly from the customization panel.