diff options
| -rw-r--r-- | views/mods/mod_productgroups/show_2.phtml | 9 | ||||
| -rw-r--r-- | views/produkttemplates/standard3.phtml | 14 |
2 files changed, 18 insertions, 5 deletions
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 } ?>
|