Announcement

Collapse
No announcement yet.

Turning Hero Image into a slider

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

  • 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

    Comment


    • 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

      Comment


      • 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
        Director of UI/UX Standards and Theme Development
        / Miva, Inc.

        Comment


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

          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
            Director of UI/UX Standards and Theme Development
            / Miva, Inc.

            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


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

                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
                  Director of UI/UX Standards and Theme Development
                  / Miva, Inc.

                  Comment


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

                    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
                      Director of UI/UX Standards and Theme Development
                      / Miva, Inc.

                      Comment


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

                        Comment


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

                          Comment


                          • Yes, the images and the content section need to be active.
                            Matt Zimmermann
                            Director of UI/UX Standards and Theme Development
                            / Miva, Inc.

                            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
                                Director of UI/UX Standards and Theme Development
                                / Miva, Inc.

                                Comment

                                Working...
                                X

                                This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

                                This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

                                Accept