From acae386f25f9d27a6b7576a019197e7e0b320dc7 Mon Sep 17 00:00:00 2001 From: daniel Date: Fri, 18 Sep 2026 08:48:54 +0200 Subject: - Feature: GARAN Label im Produkt/Produkttemplate eingeführt MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- views/admin/form/input.phtml | 1 + views/css/frontend.css | 37 ++++++++++++ views/gfx/garan/garan_checkmark.svg | 11 ++++ views/gfx/garan/garan_eu.svg | 22 ++++++++ views/gfx/garan/garan_qr.svg | 50 +++++++++++++++++ views/gfx/garan/garan_year.svg | 19 +++++++ views/produkt/addedit_general.phtml | 24 +++++++- views/produkttemplates/standard.phtml | 102 ++++++++++++++++++++++++++++++++++ 8 files changed, 265 insertions(+), 1 deletion(-) create mode 100644 views/gfx/garan/garan_checkmark.svg create mode 100644 views/gfx/garan/garan_eu.svg create mode 100644 views/gfx/garan/garan_qr.svg create mode 100644 views/gfx/garan/garan_year.svg diff --git a/views/admin/form/input.phtml b/views/admin/form/input.phtml index e1b17bf..cad903c 100644 --- a/views/admin/form/input.phtml +++ b/views/admin/form/input.phtml @@ -29,6 +29,7 @@ ?>" value="view['field_value']); ?>" + view['field_config']['min']))?' min="'.$this->view['field_config']['min'].'" ':''); ?> id="view['field_id']; ?>" placeholder="view['field_config']['placeholder']); ?>" view['field_config']['readonly'])) { ?> diff --git a/views/css/frontend.css b/views/css/frontend.css index e5f9f3b..49ae1d0 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -30,6 +30,43 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } textarea#wpsg_checkout_comment { padding:0.75em 1em; font-family:inherit; } } +/* GARAN Label */ +.wpsg_product_garan_wrap { padding:5px 0; margin-bottom:1rem; font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; + .wpsg_product_garan { border:1px solid black; display:inline-block; padding:5px 50px 5px 5px; position:relative; height:30px; white-space:nowrap; cursor:pointer; text-decoration:none; + & > .years { font-size:30px; height:30px; line-height:30px; font-weight:bold; padding-right:35px; position:relative; border-right:1px solid black; + &:after { position:absolute; right:10px; bottom:8px; content:' '; width:16px; height:16px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; } + } + & > .title { padding-left:5px; font-size:22px; font-weight:bold; padding-right:20px; position:relative; + &:after { position:absolute; right:0; bottom:2px; content:' '; width:16px; height:16px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_checkmark.svg'); background-size:contain; background-repeat:no-repeat; } + } + &:after { position:absolute; right:5px; top:0; content:' '; width:28px; height:40px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } + & > .tooltip { position:absolute; opacity:0; pointer-events:none; top:40px; left:-1px; padding:5px 5px 5px 0; transition:all 0.5s; + & > .inner { width:300px; min-height:300px; display:flex; flex-direction:column; gap:5px; background-color:white; padding:5px; border:1px solid black; + & > .border { border:1px solid black; display:flex; flex-direction:column; padding:5px; + .top { width:100%; border-bottom:2px solid black; padding-bottom:5px; position:relative; + & > .title { font-size:50px; font-weight:bold; padding-right:40px; position:relative; display:inline-block; line-height:50px; letter-spacing:1px; + &:after { position:absolute; right:0; bottom:5px; content:' '; width:32px; height:32px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_checkmark.svg'); background-size:contain; background-position:right bottom; background-repeat:no-repeat; } + } + &:after { position:absolute; right:0; top:-11px; content:' '; width:36px; height:51px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } + } + & > .flexline { display:flex; justify-content:space-between; gap:5px; align-items:flex-start; padding:5px 0; font-size:16px; } + & > .line { display:flex; justify-content:space-between; gap:5px; align-items:flex-end; padding:5px 0; + & > .years { font-size:85px; height:85px; line-height:85px; font-weight:bold; padding-right:60px; position:relative; + &:after { position:absolute; right:10px; bottom:8px; content:' '; width:35px; height:35px; background-image:url('/wp-content/plugins/wpshopgermany-free/views/gfx/garan/garan_year.svg'); background-size:contain; background-repeat:no-repeat; } + } + & > img { transform:translateY(-8px); } + } + & > .trans_wrap { display:block; white-space:normal; text-align:justify; hyphens:auto; font-size:8px; line-height:1.4; + & > span + span:before { content:'|'; padding-right:1px; } + strong { font-weight:bold; } + } + } + } + } + &:hover > .tooltip { opacity:1; pointer-events:all; z-index:1; } + } +} + /* Basket Widget */ .wpsg_basket_widget .wpshopgermany_linktokasse { float:right; margin-top:1rem; } diff --git a/views/gfx/garan/garan_checkmark.svg b/views/gfx/garan/garan_checkmark.svg new file mode 100644 index 0000000..32e26e6 --- /dev/null +++ b/views/gfx/garan/garan_checkmark.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/views/gfx/garan/garan_eu.svg b/views/gfx/garan/garan_eu.svg new file mode 100644 index 0000000..d008fec --- /dev/null +++ b/views/gfx/garan/garan_eu.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/views/gfx/garan/garan_qr.svg b/views/gfx/garan/garan_qr.svg new file mode 100644 index 0000000..ce4540a --- /dev/null +++ b/views/gfx/garan/garan_qr.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/views/gfx/garan/garan_year.svg b/views/gfx/garan/garan_year.svg new file mode 100644 index 0000000..b8a6b64 --- /dev/null +++ b/views/gfx/garan/garan_year.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/views/produkt/addedit_general.phtml b/views/produkt/addedit_general.phtml index 0a5bcc2..dabfb6d 100644 --- a/views/produkt/addedit_general.phtml +++ b/views/produkt/addedit_general.phtml @@ -84,8 +84,30 @@ view['data']['rating'])); ?> - + callMods('produkt_edit_allgemein', array(&$this->view['data'])); ?> + + view['data']['garan']??0) === 1, ['id' => 'wpsg_garan_checkbox']); ?> + + diff --git a/views/produkttemplates/standard.phtml b/views/produkttemplates/standard.phtml index bf8a4d3..4bffb91 100644 --- a/views/produkttemplates/standard.phtml +++ b/views/produkttemplates/standard.phtml @@ -312,6 +312,108 @@ callMods('product_bottom', array(&$this->view['data']['product_key'], $this->getTemplateIndex())); ?> + + isGARAN()) { ?> + +
+ + getGARANYears(); ?> + GARAN + + + + + GARAN + + + getGARANBrand()); ?> + getGARANModel()); ?> + + + getGARANYears(); ?> + GARAN QR Code + + + + + + + + + + + + + + + +
+ + +
-- cgit v1.2.3