If you are using ShowTime version 6.1.3 and notice some extra code showing below your home page slideshow like in the example below, please read on for instructions on how to fix it.
To address this, please follow these steps:
- From your Shopify dashboard, click Online Store > Themes and look for your published ShowTime theme.
- Click the Actions button and choose Edit Code from the drop-down menu
- Navigate to the Sections folder and locate the file called slideshow.liquid
- Click on it to open the file in the editor
- Starting on line 15, you'll see this code:
<img alt=" {% if block.settings.slideshow_image.alt != blank %} {{ block.settings.slideshow_image.alt }} {% else %} {{ block.settings.title | escape }}{% endif %}"
src="{{ block.settings.slideshow_image | img_url: '300x300' }}"
class="lazyload blur-up{% if forloop.index == 1 %} lazypreload{% endif %}"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.slideshow_image.aspect_ratio }}"
data-sizes="auto" >
/>
Replace that with:
<img alt=" {% if block.settings.slideshow_image.alt != blank %} {{ block.settings.slideshow_image.alt }} {% else %} {{ block.settings.title | escape }}{% endif %}"
src="{{ block.settings.slideshow_image | img_url: '300x300' }}"
class="lazyload blur-up{% if forloop.index == 1 %} lazypreload{% endif %}"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ block.settings.slideshow_image.aspect_ratio }}"
data-sizes="auto" />
- Save the file and the issue should be resolved.
Comments
0 comments
Article is closed for comments.