| Line 41... |
Line 41... |
| 41 |
<div>
|
41 |
<div>
|
| 42 |
<div class="ds_image_zoom" data-image-index="<?php echo $k; ?>"
|
42 |
<div class="ds_image_zoom" data-image-index="<?php echo $k; ?>"
|
| 43 |
onclick="document.getElementById('<?php echo $this->getTemplateIndex(); ?>_<?php echo $k; ?>').click();"
|
43 |
onclick="document.getElementById('<?php echo $this->getTemplateIndex(); ?>_<?php echo $k; ?>').click();"
|
| 44 |
>
|
44 |
>
|
| 45 |
<?php echo \wp_get_attachment_image($image_id, 'full', false, [
|
45 |
<?php echo \wp_get_attachment_image($image_id, 'full', false, [
|
| 46 |
'data-index' => $k
|
46 |
'data-index' => $k,
|
| - |
|
47 |
'data-src' => \wp_get_attachment_image_src($image_id, 'full')[0]
|
| 47 |
]); ?>
|
48 |
]); ?>
|
| 48 |
</div>
|
49 |
</div>
|
| 49 |
</div>
|
50 |
</div>
|
| 50 |
|
51 |
|
| 51 |
<?php } ?>
|
52 |
<?php } ?>
|
| Line 413... |
Line 414... |
| 413 |
|
414 |
|
| 414 |
<link rel="stylesheet" href="<?php echo $this->getRessourceURL('css/tiny-slider.-2.9.4.min.css'); ?>">
|
415 |
<link rel="stylesheet" href="<?php echo $this->getRessourceURL('css/tiny-slider.-2.9.4.min.css'); ?>">
|
| 415 |
|
416 |
|
| 416 |
<style>
|
417 |
<style>
|
| 417 |
|
418 |
|
| 418 |
.wpsg_produkt_wrapper.layout3 .col_wrap { display:flex; width:100%; justify-content:stretch; gap:1rem; }
|
419 |
.wpsg_produkt_wrapper.layout3 .col_wrap { display:flex; width:100%; justify-content:stretch; gap:1rem; flex-wrap:wrap; }
|
| 419 |
.wpsg_produkt_wrapper.layout3 .col_wrap > * { flex-grow:1; flex-shrink:0; width:0; }
|
420 |
.wpsg_produkt_wrapper.layout3 .col_wrap > * { flex-grow:1; flex-shrink:0; width:100%; }
|
| 420 |
.wpsg_produkt_wrapper.layout3 .col_wrap > .col.image { display:flex; justify-content:stretch; gap:0.5rem; }
|
421 |
.wpsg_produkt_wrapper.layout3 .col_wrap > .col.image { display:flex; justify-content:stretch; gap:0.5rem; }
|
| 421 |
.wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails { width:20%; flex-shrink:0; }
|
422 |
.wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails { width:20%; flex-shrink:0; }
|
| 422 |
.wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails img { aspect-ratio: 1 / 1; object-fit:cover; object-position:50% 50%; }
|
423 |
.wpsg_produkt_wrapper.layout3 .col_wrap > .col.image .thumbnails img { aspect-ratio: 1 / 1; object-fit:cover; object-position:50% 50%; }
|
| 423 |
.wpsg_produkt_wrapper img { max-width:100%; height:auto; }
|
424 |
.wpsg_produkt_wrapper img { max-width:100%; height:auto; }
|
| 424 |
|
425 |
|
| 425 |
.ds_image_zoom.attached { position:relative; overflow:hidden; cursor:-webkit-zoom-in; cursor:zoom-in; }
|
426 |
.ds_image_zoom.attached { position:relative; overflow:hidden; cursor:-webkit-zoom-in; cursor:zoom-in; }
|
| 426 |
.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; */ }
|
427 |
.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; */ }
|
| 427 |
|
428 |
|
| - |
|
429 |
@media screen and (min-width:993px) {
|
| - |
|
430 |
|
| - |
|
431 |
.wpsg_produkt_wrapper.layout3 .col_wrap { flex-wrap:nowrap; }
|
| - |
|
432 |
.wpsg_produkt_wrapper.layout3 .col_wrap > * { width:0; }
|
| - |
|
433 |
|
| - |
|
434 |
}
|
| - |
|
435 |
|
| 428 |
</style>
|
436 |
</style>
|
| 429 |
|
437 |
|
| 430 |
<?php } ?>
|
438 |
<?php } ?>
|
| 431 |
|
439 |
|
| 432 |
<?php if ($this->getTemplateIndex() === 1 && ($_REQUEST['action']??'') !== 'wpsg_productvariants_switch') { ?>
|
440 |
<?php if ($this->getTemplateIndex() === 1 && ($_REQUEST['action']??'') !== 'wpsg_productvariants_switch') { ?>
|