From ae8c2901c9ee417761fcdfe4a41f9362ffb6685e Mon Sep 17 00:00:00 2001
From: Daniel Schmitzer <noreply@maennchen1.de>
Date: Tue, 17 Jan 2023 09:38:03 +0000
Subject: - Bilder in Produktgruppenverwaltung

git-svn-id: https://[internal]/wordpress/plugins/wpsg4@8200 0d5edaf7-2b12-4e95-93f4-047927463d4b
---
 views/mods/mod_productgroups/show_2.phtml |  9 +++++++--
 views/produkttemplates/standard3.phtml    | 14 +++++++++++---
 2 files changed, 18 insertions(+), 5 deletions(-)

(limited to 'views')

diff --git a/views/mods/mod_productgroups/show_2.phtml b/views/mods/mod_productgroups/show_2.phtml
index 96ff569..2f8eaef 100644
--- a/views/mods/mod_productgroups/show_2.phtml
+++ b/views/mods/mod_productgroups/show_2.phtml
@@ -45,7 +45,12 @@
 
             <?php foreach ($arProductgroups as $k => $oProductgroup) { ?>
 
-                <a href="<?php echo $page_url; ?>show=<?php echo $oProductgroup->getId(); ?>" class="productgroup">
+                <a href="<?php
+
+                    if (intval($oProductgroup->__get('infopage')) > 0) echo \get_permalink(intval($oProductgroup->__get('infopage')));
+                    else echo $page_url.'show='.$oProductgroup->getId();
+
+                    ?>" class="productgroup">
 
                     <div class="title"><?php echo $oProductgroup->getLabel(); ?></div>
 
@@ -61,7 +66,7 @@
 
         <style>
 
-            .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 { all:revert; width:100%; 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 { 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; }
diff --git a/views/produkttemplates/standard3.phtml b/views/produkttemplates/standard3.phtml
index 4f06af1..285d51e 100644
--- a/views/produkttemplates/standard3.phtml
+++ b/views/produkttemplates/standard3.phtml
@@ -43,7 +43,8 @@
                                 onclick="document.getElementById('<?php echo $this->getTemplateIndex(); ?>_<?php echo $k; ?>').click();"
                             >
                                 <?php echo \wp_get_attachment_image($image_id, 'full', false, [
-                                    'data-index' => $k
+                                    'data-index' => $k,
+                                    'data-src' => \wp_get_attachment_image_src($image_id, 'full')[0]
                                 ]); ?>
                             </div>
                         </div>
@@ -415,8 +416,8 @@
 
         <style>
 
-            .wpsg_produkt_wrapper.layout3 .col_wrap { display:flex; width:100%; justify-content:stretch; gap:1rem; }
-            .wpsg_produkt_wrapper.layout3 .col_wrap > * { flex-grow:1; flex-shrink:0; width:0; }
+            .wpsg_produkt_wrapper.layout3 .col_wrap { display:flex; width:100%; justify-content:stretch; gap:1rem; flex-wrap:wrap; }
+            .wpsg_produkt_wrapper.layout3 .col_wrap > * { flex-grow:1; flex-shrink:0; width:100%; }
             .wpsg_produkt_wrapper.layout3 .col_wrap > .col.image { display:flex; justify-content:stretch; gap:0.5rem; }
             .wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails { width:20%; flex-shrink:0; }
             .wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails img { aspect-ratio: 1 / 1; object-fit:cover; object-position:50% 50%; }
@@ -425,6 +426,13 @@
             .ds_image_zoom.attached { position:relative; overflow:hidden; cursor:-webkit-zoom-in; cursor:zoom-in; }
             .ds_image_zoom.attached img { all:initial; position:absolute; left:0; top:0; /* transition:width 0.3s, height 0.3s, left 0.3s, top 0.3s; */ }
 
+            @media screen and (min-width:993px) {
+
+                .wpsg_produkt_wrapper.layout3 .col_wrap { flex-wrap:nowrap; }
+                .wpsg_produkt_wrapper.layout3 .col_wrap > * { width:0; }
+
+            }
+
         </style>
 
     <?php } ?>
-- 
cgit v1.2.3