Skip to content

Instantly share code, notes, and snippets.

@MGCodeSnips
Last active August 5, 2016 10:19
Show Gist options
  • Save MGCodeSnips/8859532685eaeab8d76bd56158aae0de to your computer and use it in GitHub Desktop.
Save MGCodeSnips/8859532685eaeab8d76bd56158aae0de to your computer and use it in GitHub Desktop.
Mobile theme, home page scrolling banner. Paste code into the mobile home page theme. you will need to remove the style from any image you want to use on the mobile scroller.
<!-- desktop theme code start -->
You need to put your hyperlin in the span. The a hyplerling will make the banner look odd on the mobile shop.
When adding your banner image make sure you remove the image style
as the editor adds in width and height styles. This will make the banner strech on the mobile.
<style type="text/css">
.pseudolink {
cursor:pointer;
}
</style>
<span class="pseudolink" onclick="location='web-address-4-w.asp'">
<img src="/ekmps/shops/958aa3/resources/Design/banner-image-3.jpg" />
</span>
<!-- desktop theme code end -->
<!-- mobile theme code start -->
Just past the mobile code onto the top of the mobile home page theme.
<style type="text/css">
.touch-slider-inner img{
width:100%!important;
}
</style>
<div class="product-images touch-slider">
<div class="touch-slider-inner">
<ul>
<li class="bs">[ekm:element] element_reference='slide-1'; [/ekm:element]</li>
<li class="bs">[ekm:element] element_reference='slide-2'; [/ekm:element]</li>
<li class="bs">[ekm:element] element_reference='slide-3'; [/ekm:element]</li>
<li class="bs">[ekm:element] element_reference='slide-4'; [/ekm:element]</li>
</ul>
</div>
</div>
<!-- mobile theme code end -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment