| Line 43... |
Line 43... |
| 43 |
|
43 |
|
| 44 |
<div class="wpsg_mod_productgroup_layout2 productgroups">
|
44 |
<div class="wpsg_mod_productgroup_layout2 productgroups">
|
| 45 |
|
45 |
|
| 46 |
<?php foreach ($arProductgroups as $k => $oProductgroup) { ?>
|
46 |
<?php foreach ($arProductgroups as $k => $oProductgroup) { ?>
|
| 47 |
|
47 |
|
| - |
|
48 |
<a href="<?php
|
| - |
|
49 |
|
| - |
|
50 |
if (intval($oProductgroup->__get('infopage')) > 0) echo \get_permalink(intval($oProductgroup->__get('infopage')));
|
| 48 |
<a href="<?php echo $page_url; ?>show=<?php echo $oProductgroup->getId(); ?>" class="productgroup">
|
51 |
else echo $page_url.'show='.$oProductgroup->getId();
|
| - |
|
52 |
|
| - |
|
53 |
?>" class="productgroup">
|
| 49 |
|
54 |
|
| 50 |
<div class="title"><?php echo $oProductgroup->getLabel(); ?></div>
|
55 |
<div class="title"><?php echo $oProductgroup->getLabel(); ?></div>
|
| 51 |
|
56 |
|
| 52 |
<?php echo \wp_get_attachment_image($oProductgroup->getImage(), [462, 462], false, [
|
57 |
<?php echo \wp_get_attachment_image($oProductgroup->getImage(), [462, 462], false, [
|
| 53 |
'class' => 'bg'
|
58 |
'class' => 'bg'
|
| Line 59... |
Line 64... |
| 59 |
|
64 |
|
| 60 |
</div>
|
65 |
</div>
|
| 61 |
|
66 |
|
| 62 |
<style>
|
67 |
<style>
|
| 63 |
|
68 |
|
| 64 |
.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; }
|
69 |
.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; }
|
| 65 |
.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%; }
|
70 |
.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%; }
|
| 66 |
.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; }
|
71 |
.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; }
|
| 67 |
.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; }
|
72 |
.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; }
|
| 68 |
.wpsg_mod_productgroup_layout2.productgroups > .productgroup:hover .title { background-color:#FFFFFF; color:#000000; }
|
73 |
.wpsg_mod_productgroup_layout2.productgroups > .productgroup:hover .title { background-color:#FFFFFF; color:#000000; }
|
| 69 |
|
74 |
|