Docs

[Kiomatri]

Hey X,

Woocommerce
On single product pages, instead of the up-sells, I want to display cross-sells.

Superfly
While using the superfly plugin on the mobile site, I want visitors to not be able to scroll the page, is this possible?
If not, is there a way to have the menu to act less glitchy when scrolling on mobile?
(Stays at top when scrolling, then jumps to correct position is scrolling is finished)

http://www.jorcustom.com

Thanks alot!

[Rad]

Hi there,

Thanks for writing in.

Cross-sells are products promoted within cart https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/. It can be move but by through customization which, unfortunately, what criteria will be affected since it’s intended for the specific place. You may contact a Woocommerce developer for that purpose.

About the Superfly, it’s not glitchy on my end. Please try adding this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( function($) {

$('.sfm-open').on('click', function(){ $('html').css({overflow:'hidden'}); } );
$('.sfm-close').on('click', function(){ $('html').css({overflow:'auto'}); } );

} );

Hope this helps.

[Kiomatri]

Hey there Rad,

I’ll try to fix that in another way then!

What does this code do? It doesnt prevent me from scrolling.
This is what I meant with the glitchiness by the way:

Screencast

I know it has to do with the addressbar appearing and disappearing but is there anything I can do to make this a little more smooth?

Related question that came to my mind, is it possible to touch the complete menu item and open the submenu, instead of only touching the arrow next to the items?

[Rue Nel]

Hello There,

The address bar is being handled by the browser and not with a theme or even WordPress. This is the default behaviour. To better test it, you can use the default WordPress theme. Please try to edit your SuperFly menu settings and make sure that SuperFly menu will be displayed as fullscreen.

Hope this helps.

[Kiomatri]

I understand, hoped there was a way to make it react more smoothly.

Any solution for the other qeustion? 🙂

Related question that came to my mind, is it possible to touch the complete menu item and open the submenu, instead of only touching the arrow next to the items?

[Paul R]

Hi,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Kiomatri]

If anyone wanted to know, I still got that last question fixed myself by making the indicators the full width of the menu item, and positioning the indicator as high as possible in the Z-index. After that you just put the indicator back in the right place.

.sfm-vertical-nav .sfm-sm-indicator {
    width: 100%;
    z-index: 9999;
}

#sfm-sidebar.sfm-indicators .sfm-sm-indicator i {
    margin: -0.7em -20px 0;
    text-align: right;
}

[Kiomatri]

Also, the not scrolling part was fixed (on desktop) by adding this jquery:

jQuery(document).ready(function($) {
$('.sfm-navicon-button').on('click', function(){ $('html').css({overflow:'hidden'}); } );
$('.sfm-sidebar-close').on('click', function(){ $('html').css({overflow:'auto'}); } );
$('#sfm-overlay').on('click', function(){ $('html').css({overflow:'auto'}); } );
} );

Can you maybe look why it won’t work on mobile?

[Rad]

Hi there,

There is no active SuperFly on your site at this moment? Perhaps you decided to disable it?

Thanks!

[Author]

Posts