Announcement

Collapse
No announcement yet.

Turning Hero Image into a slider

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    Leave a comment:


  • Rodney
    replied
    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?

    Leave a comment:


  • Matt Zimmermann
    replied
    Yes, the images and the content section need to be active.

    Leave a comment:


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

    Leave a comment:


  • Rodney
    replied
    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?

    Leave a comment:


  • Matt Zimmermann
    replied
    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.

    Leave a comment:


  • Rodney
    replied
    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?

    Leave a comment:


  • Matt Zimmermann
    replied
    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.

    Leave a comment:


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

    Leave a comment:


  • Rodney
    replied
    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>

    Leave a comment:


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

    Leave a comment:


  • Rodney
    replied
    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.

    Leave a comment:


  • Matt Zimmermann
    replied
    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.

    Leave a comment:


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

    Leave a comment:


  • Rodney
    replied
    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.
    Attached Files

    Leave a comment:

Working...
X