Skip to content

Instantly share code, notes, and snippets.

@csavoronin
Created May 23, 2018 11:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save csavoronin/f5cab3f835ef753f81c2148181222d3b to your computer and use it in GitHub Desktop.
Save csavoronin/f5cab3f835ef753f81c2148181222d3b to your computer and use it in GitHub Desktop.
[!] {@21441} Options: Images: On the product page, when the option was selected, the page scrolled. Fixed.
From 375b7c7205b1e3ae0e1963bcb4da0a634622cfa6 Mon Sep 17 00:00:00 2001
From: Andrei Voronin <avoronin@iMac-Andrei.local>
Date: Wed, 23 May 2018 15:22:22 +0400
Subject: [PATCH] [!] {@21441} Options: Images: On the product page, when the
option was selected, the page scrolled. Fixed.
---
design/themes/responsive/templates/common/image.tpl | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/design/themes/responsive/templates/common/image.tpl b/design/themes/responsive/templates/common/image.tpl
index 7bbd58f0a3..331a9a0163 100644
--- a/design/themes/responsive/templates/common/image.tpl
+++ b/design/themes/responsive/templates/common/image.tpl
@@ -21,6 +21,12 @@
{** Sets image displayed in product list **}
{hook name="products:product_image_object"}
<img class="ty-pict {$valign} {$class} {if $lazy_load}lazyOwl{/if} {if $generate_image}ty-spinner{/if} cm-image" {if $obj_id && !$no_ids}id="det_img_{$obj_id}"{/if} {if $generate_image}data-ca-image-path="{$image_data.image_path}"{/if} {if $lazy_load}data-{/if}src="{if $generate_image}{$images_dir}/icons/spacer.gif{else}{$image_data.image_path}{/if}" alt="{$image_data.alt}" title="{$image_data.alt}" {if $image_onclick}onclick="{$image_onclick}"{/if} />
+
+ {if $show_detailed_link}
+ <svg class="ty-pict__container" aria-hidden="true" width="{$image_data.width}" height="{$image_data.height}" viewBox="0 0 {$image_data.width} {$image_data.height}" style="max-width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;">
+ <rect fill="transparent" width="{$image_data.width}" height="{$image_data.height}"></rect>
+ </svg>
+ {/if}
{/hook}
{/capture}
{$smarty.capture.product_image_object nofilter}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment