| 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 } ?> |