Index: /views/mods/mod_productgroups/show_2.phtml
===================================================================
--- /views/mods/mod_productgroups/show_2.phtml	(revision 8198)
+++ /views/mods/mod_productgroups/show_2.phtml	(revision 8199)
@@ -48,7 +48,7 @@
                 <a href="<?php echo $page_url; ?>show=<?php echo $oProductgroup->getId(); ?>" class="productgroup">
 
-                    <div class="title"><?php echo $oProductgroup->getName(); ?></div>
+                    <div class="title"><?php echo $oProductgroup->getLabel(); ?></div>
 
-                    <?php echo \wp_get_attachment_image($oProductgroup->getImage(), 'full', false, [
+                    <?php echo \wp_get_attachment_image($oProductgroup->getImage(), [462, 462], false, [
                         'class' => 'bg'
                     ]); ?>
@@ -64,6 +64,6 @@
             .wpsg_mod_productgroup_layout2.productgroups { all:revert; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(10, 1fr); grid-column-gap:1rem; grid-row-gap:1rem; }
             .wpsg_mod_productgroup_layout2.productgroups > .productgroup { grid-column:span 2; padding-top:100%; text-decoration:none; position:relative; overflow:hidden; transition:all 0.3s ease; overflow:hidden width:100%; }
-            .wpsg_mod_productgroup_layout2.productgroups > .productgroup  .bg { position:absolute; left:0; top:0; object-position:50% 50%; background-color:#DEDEDE; width:100%; height:100%; object-fit:cover; z-index:-1; }
-            .wpsg_mod_productgroup_layout2.productgroups > .productgroup .title {  border-radius:2px; transition:all 0.3s ease; position:absolute; left:1rem; top:1rem; background-color:#000000; color:#FFFFFF; padding:0 0.5rem; }
+            .wpsg_mod_productgroup_layout2.productgroups > .productgroup  .bg { position:absolute; left:0; top:0; object-position:50% 50%; background-color:#DEDEDE; width:100%; height:100%; object-fit:cover; z-index:1; }
+            .wpsg_mod_productgroup_layout2.productgroups > .productgroup .title { z-index:2; border-radius:2px; transition:all 0.3s ease; position:absolute; left:1rem; top:1rem; background-color:#000000; color:#FFFFFF; padding:0 0.5rem; }
             .wpsg_mod_productgroup_layout2.productgroups > .productgroup:hover .title { background-color:#FFFFFF; color:#000000; }
 
@@ -72,5 +72,5 @@
                 .wpsg_mod_productgroup_layout2.productgroups > .productgroup { padding-top:initial; grid-column:initial; }
                 .wpsg_mod_productgroup_layout2.productgroups > .productgroup:nth-child(6n + 1),
-                .wpsg_mod_productgroup_layout2.productgroups > .productgroup:nth-child(6n + 5) { grid-row:span 2; padding-top:200px; }
+                .wpsg_mod_productgroup_layout2.productgroups > .productgroup:nth-child(6n + 5) { grid-row:span 2; padding-top:100%; }
 
             }
Index: /views/produkttemplates/standard3.phtml
===================================================================
--- /views/produkttemplates/standard3.phtml	(revision 8198)
+++ /views/produkttemplates/standard3.phtml	(revision 8199)
@@ -16,4 +16,5 @@
     <input type="hidden" name="wpsg_post_id" value="<?php echo get_the_ID(); ?>" />
 	<input type="hidden" name="titleDisplayed" value="<?php echo $this->titleDisplayed; ?>" />
+	<input type="hidden" name="wpsg[template]" value="standard3.phtml" />
 
     <div class="col_wrap">
@@ -31,4 +32,7 @@
             </div>
             <div class="view">
+                <?php foreach ($arAttachmentIDsAll as $k => $image_id) { ?>
+                    <a class="thickbox" id="<?php echo $this->getTemplateIndex(); ?>_<?php echo $k; ?>" rel="gallery-<?php echo $this->getTemplateIndex(); ?>" href="<?php echo \wp_get_attachment_image_src($image_id, 'full')[0]; ?>"></a>
+                <?php } ?>
                 <div class="wpsg_product_slider">
 
@@ -36,5 +40,7 @@
 
                         <div>
-                            <div class="ds_image_zoom">
+                            <div class="ds_image_zoom" data-image-index="<?php echo $k; ?>"
+                                onclick="document.getElementById('<?php echo $this->getTemplateIndex(); ?>_<?php echo $k; ?>').click();"
+                            >
                                 <?php echo \wp_get_attachment_image($image_id, 'full', false, [
                                     'data-index' => $k
@@ -406,4 +412,6 @@
     <?php if ($this->getTemplateIndex() === 1) { ?>
 
+        <link rel="stylesheet" href="<?php echo $this->getRessourceURL('css/tiny-slider.-2.9.4.min.css'); ?>">
+
         <style>
 
@@ -420,5 +428,8 @@
         </style>
 
-        <link rel="stylesheet" href="<?php echo $this->getRessourceURL('css/tiny-slider.-2.9.4.min.css'); ?>">
+    <?php } ?>
+
+    <?php if ($this->getTemplateIndex() === 1 && ($_REQUEST['action']??'') !== 'wpsg_productvariants_switch') { ?>
+
         <script src="<?php echo $this->getRessourceURL('js/tiny-slider-2.9.2.min.js'); ?>"></script>
         <script src="<?php echo $this->getRessourceURL('js/dsimagezoom.min.js'); ?>"></script>
@@ -428,44 +439,73 @@
     <script>
 
-        const slider = tns({
-            container: '.wpsg_product_slider',
-            items: 1,
-            slideBy: 1,
-            controls: false,
-            autoplayButton: false,
-            nav: false,
-            arrowKeys: false,
-            autoplayButtonOutput: false,
-            autoplay: false,
-            autoHeight: true
-        });
-
-        for (const el_tn of document.querySelectorAll('.wpsg_produkt_wrapper.layout3 .thumbnails img')) {
-
-            el_tn.addEventListener('click', (event) => {
-
-                slider.goTo(el_tn.getAttribute('data-index'));
-
-            });
-
-        }
-
-        window.addEventListener('load', () => {
-
-            slider.goTo(0);
-
-        });
-
-        slider.events.on('transitionEnd', (event) => {
-
-            DsImageZoom.init(document.querySelectorAll('.tns-slide-active .ds_image_zoom'));
-
-        });
-
-        slider.events.on('transitionStart', (event) => {
-
-            DsImageZoom.destroy(document.querySelectorAll('.tns-item .ds_image_zoom'));
-
-        });
+        if (!wpsg_standard3_slider) { var wpsg_standard3_slider = {}; }
+
+        if (!wpsg_standard3_load) {
+
+            function wpsg_standard3_load(templateIndex) {
+
+                if (wpsg_standard3_slider[templateIndex]) {
+
+                    wpsg_standard3_slider[templateIndex] = wpsg_standard3_slider[templateIndex].rebuild();
+
+                } else {
+
+                    wpsg_standard3_slider[templateIndex] = tns({
+                        container: '#wpsg_produktform_' + templateIndex + ' .wpsg_product_slider',
+                        items: 1,
+                        slideBy: 1,
+                        controls: false,
+                        autoplayButton: false,
+                        nav: false,
+                        arrowKeys: false,
+                        autoplayButtonOutput: false,
+                        autoplay: false,
+                        autoHeight: true,
+                        onInit: () => {
+
+                        }
+                    });
+
+                }
+
+                wpsg_standard3_slider[templateIndex].events.on('transitionEnd', (event) => {
+
+                    DsImageZoom.init(document.querySelectorAll('#wpsg_produktform_' + templateIndex + ' .tns-slide-active .ds_image_zoom'));
+
+                });
+
+                wpsg_standard3_slider[templateIndex].events.on('transitionStart', (event) => {
+
+                    DsImageZoom.destroy(document.querySelectorAll('#wpsg_produktform_' + templateIndex + ' .tns-item .ds_image_zoom'));
+
+                });
+
+                for (const el_tn of document.querySelectorAll('#wpsg_produktform_' + templateIndex + ' .wpsg_produkt_wrapper.layout3 .thumbnails img')) {
+
+                    el_tn.addEventListener('click', (event) => {
+
+                        wpsg_standard3_slider[templateIndex].goTo(el_tn.getAttribute('data-index'));
+
+                    });
+
+                }
+
+                wpsg_standard3_slider[templateIndex].goTo(0);
+
+            };
+
+        };
+
+        window.addEventListener('load', () => { wpsg_standard3_load(<?php echo $this->getTemplateIndex(); ?>); });
+
+        <?php if (($_REQUEST['action']??'') === 'wpsg_productvariants_switch') { ?>
+
+            window.setTimeout(() => {
+
+                wpsg_standard3_load(<?php echo $this->getTemplateIndex(); ?>);
+
+            }, 100);
+
+        <?php } ?>
 
     </script>
