Support » Plugin: SlidersPack - All In One Image/Post Slider » Impossible to edit slide on mobile

  • Resolved lebac

    (@lebac)


    As admin interfce for editing of the slide is based on hover event (theee icons appear) it is impossible to get this on mobile.
    With some experimentation in chrome (android) I managed to get it by switching browser to desktop mode, however it is not possible to click on icons as drag action takes over.

    What to do here?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    Thanks for reaching here.

    Actually, this is a mobile drag and drop functionality issue.

    Sorry for the inconvenience, We have checked our plugin and we will solve this issue very soon.

    You are applying a temporary solution to this issue.

    1. Please go to wp-content -> plugins -> sliderspack-all-in-one-image-sliders -> assets -> js -> wp-spaios-admin.js line number 202 to 220.
    Please replace the below code.

    if( $( '.wp-spaios-gallery-imgs-wrp' ).length > 0 ) {
    $( '.wp-spaios-gallery-imgs-wrp' ).sortable({
    items				: '.wp-spaios-img-wrp',
    handle				: ".wp-spaios-drag-img",
    cursor 				: 'move',
    placeholder         : "wp-spaios-gallery-placeholder",
    scrollSensitivity   : 40,
    helper				: function( event, ui ) {
    	return ui;
    },
    start				: function( event, ui ) {
    	ui.placeholder.html("<tr><td colspan='3'></td><tr>")
    	if ( ! ui.item.hasClass( 'alternate' ) ) {
    		ui.item.css( 'background-color', '#ffffff' );
    	}
    },
    stop				: function( event, ui ) {
    },
    update				: function( event, ui ) {
    	if ( ! ui.item.hasClass( 'alternate' ) ) {
    		ui.item.css( 'background-color', '' );
    	}
    }
    });
    }

    2. Please go to wp-content -> plugins -> sliderspack-all-in-one-image-sliders -> includes -> admin -> metabox -> post-sett-metabox.php line number 68.
    Please add the below code after this line.
    <span class="wp-spaios-tool-icon wp-spaios-move-tool wp-spaios-move-img dashicons dashicons-move wp-spaios-drag-img" title="<?php esc_html_e('Move Image', 'sliderspack-all-in-one-image-sliders'); ?>"></span>

    3. Please go to wp-content -> plugins -> sliderspack-all-in-one-image-sliders -> assets -> css -> wp-spaios-admin.css line number 24 to 26.
    — Please go to line no 24 and replace the below code.
    .wp-spaios-gallery-imgs-prev .wp-spaios-img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}

    — Please go to line no 26 and replace the below code.
    .wp-spaios-img-wrp {border: 1px solid #ccc; cursor: unset; display: inline-block; height: 135px; margin: 5px 2px; vertical-align: top; width: 135px; padding: 3px; position:relative;}

    Note:- If you update the plugin in a feature then your changed core plugin file change will be lost.

    Please check and let me know if you have anything else.

    Thanks,

    Thread Starter lebac

    (@lebac)

    Thank you for the quick fix.
    Everything is working fine.
    Hope to see it in update soon. 🙂

    Plugin Contributor Ketan Patel

    (@patelketan)

    Hello,

    If you like our plugin please share the rate and review it here…
    https://wordpress.org/support/plugin/sliderspack-all-in-one-image-sliders/reviews/

    Thanks,

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.