diff options
| author | Daniel Schmitzer <noreply@maennchen1.de> | 2023-01-16 12:35:19 +0000 |
|---|---|---|
| committer | Daniel Schmitzer <noreply@maennchen1.de> | 2023-01-16 12:35:19 +0000 |
| commit | e91fbd59950b1766789da82f7e280e46088dc675 (patch) | |
| tree | 0a3bd52097afb14ffe1da21ee45bd97e46eec93e /views/mods | |
| parent | a77d193acaa9d1433bc2638895dae4b6692501c0 (diff) | |
- Bilder in Produktgruppenverwaltung
git-svn-id: https://[internal]/wordpress/plugins/wpsg4@8199 0d5edaf7-2b12-4e95-93f4-047927463d4b
Diffstat (limited to 'views/mods')
| -rw-r--r-- | views/mods/mod_productgroups/show_2.phtml | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/views/mods/mod_productgroups/show_2.phtml b/views/mods/mod_productgroups/show_2.phtml index 135791b..96ff569 100644 --- a/views/mods/mod_productgroups/show_2.phtml +++ b/views/mods/mod_productgroups/show_2.phtml @@ -47,9 +47,9 @@ <a href="<?php echo $page_url; ?>show=<?php echo $oProductgroup->getId(); ?>" class="productgroup"> - <div class="title"><?php echo $oProductgroup->getName(); ?></div> + <div class="title"><?php echo $oProductgroup->getLabel(); ?></div> - <?php echo \wp_get_attachment_image($oProductgroup->getImage(), 'full', false, [ + <?php echo \wp_get_attachment_image($oProductgroup->getImage(), [462, 462], false, [ 'class' => 'bg' ]); ?> @@ -63,15 +63,15 @@ .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 > .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 { border-radius:2px; transition:all 0.3s ease; position:absolute; left:1rem; top:1rem; background-color:#000000; color:#FFFFFF; padding:0 0.5rem; } + .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; } .wpsg_mod_productgroup_layout2.productgroups > .productgroup:hover .title { background-color:#FFFFFF; color:#000000; } @media screen and (min-width:768px) { .wpsg_mod_productgroup_layout2.productgroups > .productgroup { padding-top:initial; grid-column:initial; } .wpsg_mod_productgroup_layout2.productgroups > .productgroup:nth-child(6n + 1), - .wpsg_mod_productgroup_layout2.productgroups > .productgroup:nth-child(6n + 5) { grid-row:span 2; padding-top:200px; } + .wpsg_mod_productgroup_layout2.productgroups > .productgroup:nth-child(6n + 5) { grid-row:span 2; padding-top:100%; } } |