[shop] remove new image position after 'quick view'

4 replies · opened Apr 8, 2019

JjohnjohnApr 8, 2019

Hello,

I am using the default product visualization which includes 'Add to cart' and 'Quick view' buttons when hovering over a product image.
Reference: http://themes.semicolonweb.com/html/canvas/index-shop.html (example: hover over 'Checked short dress or Slim Fit Chinos')

When clicking 'quick view' it will popup the product quick view, but when you close that popup, the previously clicked product image will be shifted to the top a bit and it will reset itself when you hover over it again.

Can the shifting be removed?

Thank you

SSemicolon WebSTAFFApr 9, 2019

Hello,

This is caused due to a Setting in the Lightbox Plugin which focuses on the Last Clicked item. To disable this, please find the following code in the js/functions.js File:

if( $lightboxAjaxEl.length > 0 ) {
	$lightboxAjaxEl.magnificPopup({
		type: 'ajax',
		closeBtnInside: false,
		callbacks: {
			ajaxContentAdded: function(mfpResponse) {
				SEMICOLON.widget.loadFlexSlider();
				SEMICOLON.initialize.resizeVideos();
				SEMICOLON.widget.masonryThumbs();
			},
			open: function() {
				$body.addClass('ohidden');
			},
			close: function() {
				$body.removeClass('ohidden');
			}
		}
	});
}

and replace it with:

if( $lightboxAjaxEl.length > 0 ) {
	$lightboxAjaxEl.magnificPopup({
		type: 'ajax',
		closeBtnInside: false,
		autoFocusLast: false,
		callbacks: {
			ajaxContentAdded: function(mfpResponse) {
				SEMICOLON.widget.loadFlexSlider();
				SEMICOLON.initialize.resizeVideos();
				SEMICOLON.widget.masonryThumbs();
			},
			open: function() {
				$body.addClass('ohidden');
			},
			close: function() {
				$body.removeClass('ohidden');
			}
		}
	});
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

JjohnjohnApr 9, 2019

Hello,

Thank you for your reply!
Is there a way to remove it through css or custom JS script?
I don't want to overwrite functions.js as it would mean i need to change it again with every new theme update

SSemicolon WebSTAFFApr 9, 2019

Hello,

We will add this code in the Next Update as it is better for the User Experience. So please feel free to update this code.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

JjohnjohnApr 11, 2019

thank you!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard