Announcement

Collapse
No announcement yet.

When Will New MM9 Free Themes Be Available

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

    #31
    Re: When Will New MM9 Free Themes Be Available

    The fix was posted here:

    http://extranet.miva.com/forums/show...811#post425811

    You'll need to make the change manually but it won't wipe out any of your other changes
    Brennan Heyde
    VP Product
    Miva, Inc.
    [email protected]
    https://www.miva.com

    Comment


      #32
      Re: When Will New MM9 Free Themes Be Available

      Thank you Brennan

      That worked for me

      Cheers!

      Comment


        #33
        Re: When Will New MM9 Free Themes Be Available

        Oh while I am here brennan maybe you can answer a question

        Can I see the words Wishlist on the Suivant Image ??
        http://www.miva.com/readythemes

        Cheers Again !

        Comment


          #34
          Re: When Will New MM9 Free Themes Be Available

          Good eye!

          It was originally designed with that link, however the wishlist functionality is not built in Version 9 yet. Once it is built in we will update all the readyThemes to support it.

          We'll update that screenshot to reflect the current release.
          Brennan Heyde
          VP Product
          Miva, Inc.
          [email protected]
          https://www.miva.com

          Comment


            #35
            Re: When Will New MM9 Free Themes Be Available

            Hi, can I use custom-fields.xml from Suivant in other themes or is it "locked" to just that package?
            I tried to import xml file in to my CSUI dev environment without success.


            Comment


              #36
              Re: When Will New MM9 Free Themes Be Available

              That XML file can be used on any store. It should create a single custom product field that has a drop down for sale, hot and new. However we have specific code in the Suivant Theme to read in that field and display the overlays. You would need to manually add this if you were not using the Suivant Theme

              All the XML does is create the custom product field.
              Brennan Heyde
              VP Product
              Miva, Inc.
              [email protected]
              https://www.miva.com

              Comment


                #37
                Re: When Will New MM9 Free Themes Be Available

                Thanks, exactly. I was browsing through scripts and css and I couldnīt find
                "specific code to read in that field and display the overlays". Where shall I look?



                Originally posted by Brennan View Post
                That XML file can be used on any store. It should create a single custom product field that has a drop down for sale, hot and new. However we have specific code in the Suivant Theme to read in that field and display the overlays. You would need to manually add this if you were not using the Suivant Theme

                All the XML does is create the custom product field.

                Comment


                  #38
                  Re: When Will New MM9 Free Themes Be Available

                  Yes, thanks I got it working. Dragging the file worked great, importing it failed first.
                  Best wishes from Stockholm


                  All the XML does is create the custom product field.[/QUOTE]

                  Comment


                    #39
                    Re: When Will New MM9 Free Themes Be Available

                    @protos

                    Once you have created the custom fields, either manually or through the XML file, the code to display them is located within the SFNT, CTGY, PROD, and SRCH pages. To duplicate the same look and feel in another site, not using the Suivant ReadyTheme, you can follow this code snippet:

                    HTML Code:
                    <mvt:foreach iterator="product" array="category_listing:products">
                        <mvt:if expr="l.settings:product:customfield_values:customfields:product_flag NE 'none'">
                            <mvt:assign name="l.settings:product:flag" value="'flag--' $ tolower(l.settings:product:customfield_values:customfields:product_flag)" />
                        </mvt:if>
                        <div class="column half medium-one-third category-product">
                            <a href="&mvte:product:link;" title="&mvte:product:name;">
                                <span class="flag &mvt:product:flag;">
                    This is the CSS needed to make them display correctly:
                    Code:
                    /* ------------------------ product flags ------------------------ */
                    .flag {
                        display: block;
                        overflow: hidden;
                        position: relative;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        transition: all 0.2s ease-in-out;
                    }
                        .flag:before {
                            border: solid transparent;
                            border-width: 0 0 72px 72px;
                            content: " ";
                            pointer-events: none;
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            width: 0;
                            height: 0;
                            z-index: 10;
                        }
                        .flag:after {
                            color: #fff;
                            font-weight: 700;
                            position: absolute;
                            right: 0.50rem;
                            bottom: 0.75rem;
                            -ms-transform: rotate(-45deg);
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                            z-index: 11;
                        }
                            .flag--new:before,
                            .flag--sale:before {
                                border-bottom-color: #1ac7e2;
                            }
                            .flag--new:after {
                                content: "NEW";
                            }
                            .flag--sale:after {
                                content: "SALE";
                            }
                            .flag--hot:before {
                                border-bottom-color: #dd293a;
                            }
                            .flag--hot:after {
                                content: "HOT";
                            }
                    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


                      #40
                      Re: When Will New MM9 Free Themes Be Available

                      Is it possible to change the flag colors and where please!

                      Comment


                        #41
                        Re: When Will New MM9 Free Themes Be Available

                        The flags are created with CSS. The colors are with CSS settings like this:

                        .flag--hot:before {
                        border-bottom-color: #AD4A54;
                        }



                        You can search the pages.css file included with the theme for these and change them as needed.


                        Hope this helps!
                        Josh

                        Comment


                          #42
                          Re: When Will New MM9 Free Themes Be Available

                          @fastees - To change the color of a flag, just change the "border-bottom-color" in the code posted above.
                          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


                            #43
                            Re: When Will New MM9 Free Themes Be Available

                            Thank you. We did this after your help and works great.

                            /* ------------------------ product flags ------------------------ */
                            .flag {
                            display: block;
                            overflow: hidden;
                            position: relative;
                            -moz-transition: all 0.2s ease-in-out;
                            -webkit-transition: all 0.2s ease-in-out;
                            transition: all 0.2s ease-in-out;
                            }
                            .flag:before {
                            border: solid transparent;
                            border-width: 0 0 72px 72px;
                            content: " ";
                            pointer-events: none;
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            width: 0;
                            height: 0;
                            z-index: 10;
                            }
                            .flag:after {
                            font-weight: 700;
                            position: absolute;
                            right: 0.50rem;
                            bottom: 0.75rem;
                            -ms-transform: rotate(-45deg);
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                            z-index: 11;
                            }
                            .flag--new:before {
                            border-bottom-color: #000;
                            color:#FC0;
                            }
                            .flag--sale:before {
                            border-bottom-color: #FC0;
                            color:#000;
                            }
                            .flag--hot:before {
                            border-bottom-color: #a10000;
                            color:#fff;
                            }
                            .flag--deal:before {
                            border-bottom-color: #a10000;
                            color:#000;
                            }
                            .flag--new:after {
                            content: "NEW";
                            color:#FC0;
                            }
                            .flag--sale:after {
                            content: "SALE";
                            color:#000;
                            }
                            .flag--hot:after {
                            content: "HOT";
                            color:#fff;
                            }
                            .flag--deal:after {
                            content: "DEAL";
                            color:#000;
                            }

                            Comment

                            Working...
                            X