HI inserted it on the very first line in the contect section of the SFNT page. Please see attached and also please see attached of what it did to the store front page.
Announcement
Collapse
No announcement yet.
Turning Hero Image into a slider
Collapse
X
-
Unfortunately, the screens are too small to make out any detail. I would recommend contacting our support team [ [email protected] ] so they can check over the code for you.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Use the Versions drop-down on the SFNT page, select the version before you added the code, click Recall, then click Update.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Here is the code that is in the content section of the store front page.
<mvt:item name="readytheme" param="contentsection( 'hero_slider' )" />
<div class="sfnt-hero hide medium-show">
<mvt:item name="readytheme" param="image( 'sfnt_hero' )" />
</div>
<div class="sfnt-hero show medium-hide">
<mvt:item name="readytheme" param="image( 'sfnt_mobile_hero' )" />
</div>
<div class="breaker clear"></div>
<div class="column whole medium-one-third align-center sfnt-promo">
<mvt:item name="readytheme" param="image( 'sfnt_promo_left' )" />
<div class="breaker show medium-hide"></div>
</div>
<div class="column whole medium-one-third align-center sfnt-promo">
<mvt:item name="readytheme" param="image( 'sfnt_promo_middle' )" />
<div class="breaker show medium-hide"></div>
</div>
<div class="column whole medium-one-third align-center sfnt-promo">
<mvt:item name="readytheme" param="image( 'sfnt_promo_right' )" />
</div>
<div class="breaker clear"></div>
<h2 class="column whole align-center uppercase navy hide medium-show">
<mvt:item name="readytheme" param="banner( 'storefront-message' )" />
</h2>
<div class="breaker clear"></div>
<mvt:item name="readytheme" param="productlisting( 'featured-products' )" />
<div class="breaker"></div>
<div class="hide medium-show">
<mvt:item name="readytheme" param="banner( 'storefront-about-us' )" />
</div>
<div class="breaker clear"></div>
Comment
-
You will need to make sure you recall any sections of the SFNT page that you modified to get to this point. If that doesn't work, please contact the support team.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
There should be nothing to replace unless you had an existing hero image; the item token should be an addition to the code on the page.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Yes, the images and the content section need to be active.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
-
Yes they are active but my question is I Have a SFNT Hero Image content section and a Hero Slider Content section. Do they both need to be active? Also when I started reading your instructions when I started this I used Hero_Image_Slider as a content section code and when I realized it was not working with the images I seen that I missed your instructions to call it hero_slider so I went in and change the name of the content section from hero_Image_Slider to hero_Image. Do I need to have the Item Tag for the SFNT Hero Image and Also the Hero Slider added ton the page content section?
Comment
-
If you are not using the static hero image, that tag does not need to be on the page.Matt Zimmermann
Miva Web Developer
Alchemy Web Development
https://www.alchemywebdev.com
Site Development - Maintenance - Consultation
Miva Certified Developer
Miva Professional Developer
https://www.dev4web.net | Twitter
Comment
Comment