Turning Hero Image into a slider

[Rodney]

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.

[Rodney]

HI Matt
Please see attachments first is where I put the code and second is what my storefront looks like after I did that.

[Matt Zimmermann]

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.

[Rodney]

HI Matt
Can you at least help me put it back the way it was? I copied the code exactly and put it on the first line of the content section on the storefront page.

[Matt Zimmermann]

Use the Versions drop-down on the SFNT page, select the version before you added the code, click Recall, then click Update.

[Rodney]

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>

[Rodney]

HI Matt I did the recall and it still has my storefront page wiped out.

[Matt Zimmermann]

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.

[Rodney]

HI Matt
Ok I did get it back to where it was. But now back to trying to get the hero slider to work. It just seems like it should be so simple Just replace the top line that is in there with <mvt:item name="readytheme" param="contentsection( 'hero_slider' )" /> correct?

[Matt Zimmermann]

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.

[Rodney]

In the content sections of Ready Theme Do I need the SFNT Hero Image and the Hero Slider both active? Maybe that is my problem. I had the SFNT Hero Image toggled off and the Hero Slider on?

[Rodney]

I did have a hero Image but it was not coded for a slider.

[Matt Zimmermann]

Yes, the images and the content section need to be active.

[Rodney]

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?

[Matt Zimmermann]

If you are not using the static hero image, that tag does not need to be on the page.