Last active
August 5, 2016 10:19
-
-
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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