Lightbox in Einkaufswelt

Shopware 5 Programmierung
2

Hallo,

die Lightbox wurde bisher nur als Singleton umgesetzt und ist nicht am StateManager registriert. Es gibt nur einen kleinen Aufruf in der jquery.shopware-responsive.js um das Plugin auch über Data-Attribute zu verwenden. Die entsprechende Stelle findest Du hier:

shopware/jquery.shopware-responsive.js at 5.2 · shopware/shopware · GitHub

Du müsstest hier den Aufruf noch einmal selbst durchführen. Statt das Ganze direkt in dem Standard-Theme zu machen, solltest Du Dich besser auf das passende Event registrieren. Das könnte dann so aussehen:
 

$.subscribe('plugin/swEmotion/onInitElements', function(event, emotionPlugin) {

	window.StateManager.updatePlugin('*[data-modalbox="true"]', 'swModalbox');
	
	emotionPlugin.$el.find('*[data-lightbox="true"]').on('click.lightbox', function (event) {
		var $el = $(this),
		    target = ($el.is('[data-lightbox-target]')) ? $el.attr('data-lightbox-target') : $el.attr('href');

		event.preventDefault();

		if (target.length) {
			$.lightbox.open(target);
		}
	});
});

Sonnige Grüße,
Phil