Ajax Varianten und Collapse-Panel

Shopware 5 Programmierung
1

Hi,

ich versuche vor dem Ajax Request die Varianten mit dem Collapse/Accordion Effekt zu wechseln. Dies funktioniert beim ersten mal, nur wenn man dann weitere Varianten wechselt, funktioniert dass nicht mehr

 

Hier mein Template Code (extendes vom Product Variants Plus Conexo Plugin):

 

{block name="frontend_detail_custom_variants_button_picker"}

    
        {block name="frontend_detail_custom_variants_button_picker_list"}
        	
            {foreach from=$sConfigurator.values item=variantOption}
                {block name="frontend_detail_custom_variants_button_picker_ist_item"}
                
	                
	                	
	                    
	                            {if $variantOption.presentation.value}
	                                {$variantOption.presentation.value}
	                            {else}
	                                {$variantOption.optionname}
	                            {/if}
	                    
			
						 

                            {if !$variantOption.selectable && {config name="SwfProductVariantsPlus_selectVariants_allowInvalidCombinations"} && !$variantOption.invalid}
                               
                            {/if}
	                
	                
	                
	                
		               
		                    {assign var="properties" value=";"|explode:$sArticle.attr4}
		                    
			                    {foreach $properties as $item}
			                        {$item}
			                    {/foreach}
		                    
	                	
	                	
	                

                {/block}
            {/foreach}
        {/block}
    

{/block}

Das habe ich auch versucht (nicht zusammen):

 

;(function($, window) {
    $.subscribe('plugin/swAjaxVariant/onBeforeRequestData', function() {

        $('.variant--option').click(function(e) {
            e.preventDefault();
            $(this).toggleClass('open');
            var $variant_details = $(this).next('.variant--details');
            $('.variant--details').not($variant_details).slideUp();
            $('.variant--details').not($variant_details).prev('.variant--option').removeClass('open');
            $variant_details.stop(true, true).slideToggle(200);

        });
    });
})(jQuery, window);

 

Oder auch

 

;(function($, window) {
    $.subscribe('plugin/swAjaxVariant/onBeforeRequestData', function() {
        window.StateManager.addPlugin('.variant--headline', 'swCollapsePanel', {
                contentSiblingSelector: '.variant--content',
                animationSpeed: 50,
                closeSiblings: true,
                collapseTarget: true
            }, ['xs', 's', 'm','l', 'xl'])
    });
})(jQuery, window);

Ich hoffe, dass mir schnell jemand weiterhelfen kann :frowning:

 

Danke und LG

2

Hat jemand eine Lösung?