Announcement

Collapse
No announcement yet.

suviant theme - product flag

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

    suviant theme - product flag

    Anyone know how to display the "product flag" on the product display page?

    Is shows fine on the category page, but I am unable to make it show on the product page.
    William Gilligan - Orange Marmalade, Inc.
    www.OrangeMarmaladeinc.com

    #2
    Re: suviant theme - product flag

    I am no pro but...I think after we updated to Suivant we had to select it from custom fields on PLST and PROD pages and assign it. Check to see if it assigned on PLST/Product List Layout as well as PROD/Product Display Layout. It is in the Custom Fields section. You might need to add it in point and click and check the template in advanced mode to see the code or add it manually. Hope this helps.
    Kristin Park

    Comment


      #3
      Re: suviant theme - product flag

      Originally posted by 1873Peacemaker View Post
      I am no pro but...I think after we updated to Suivant we had to select it from custom fields on PLST and PROD pages and assign it. Check to see if it assigned on PLST/Product List Layout as well as PROD/Product Display Layout. It is in the Custom Fields section. You might need to add it in point and click and check the template in advanced mode to see the code or add it manually. Hope this helps.
      Thanks,
      I figured it out.
      Gotta add the following code in addition to the span.
      For some reason, this code was not in the page.

      Code:
      <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>
      William Gilligan - Orange Marmalade, Inc.
      www.OrangeMarmaladeinc.com

      Comment


        #4
        Re: suviant theme - product flag

        Hi William,

        Good catch, I didn't realize the flags were missing on the product page. I will get this added in the next 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


          #5
          Re: suviant theme - product flag

          I can't even get it to work on my category pages...I have the following code on the CTGY page:

          <div id="js-product-list" class="row bg-white bottom-shadow category-product-layout">
          <mvt:foreach iterator="product" array="category_listing:products">
          <mvt:if expr="l.settings:product:customfield_values:custom fields:product_flag NE 'none'">
          <mvt:assign name="l.settings:product:flag" value="'flag--' $ tolower(l.settings:product:customfield_values:cust omfields:product_flag)" />
          </mvt:if>

          I tried on my discount dress shirt page a flag on the BRPI001 and it did not work. I uploaded the file...assigned the flag to the product...made sure this code was on the page and made sure that custom fields were assigned under the items tab...I am thinking it should work but it doesn't?

          Comment


            #6
            Re: suviant theme - product flag

            You also have to have this span around your images.

            Code:
            <span class="flag &mvt:product:flag;">.... </span>
            William Gilligan - Orange Marmalade, Inc.
            www.OrangeMarmaladeinc.com

            Comment


              #7
              Re: suviant theme - product flag

              Sorry, I posted the wrong code...I had another question on links and posted that code...here is the code I have on product flag:

              <span class="flag &mvt:product:flag;">
              <mvt:if expr="NOT ISNULL l.settings:product:thumbnail"><a href="/dress-shirts/&mvte:product:code;.htm"><img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" /><mvt:else>
              <img src="../images/img_no_thumb.jpg" alt="&mvte:product:name;" title="&mvte:product:name;" />
              </mvt:if>
              </span>

              Comment


                #8
                Re: suviant theme - product flag

                It is now working even though I have not made any additional code changes...magic!

                Comment


                  #9
                  Re: suviant theme - product flag

                  Originally posted by Matt Zimmermann View Post
                  Hi William,

                  Good catch, I didn't realize the flags were missing on the product page. I will get this added in the next update.
                  Hi Matt, I have the latest update 9.04 but still no product flags show up on PROD pages. Please be specific and tell me what code I need to add where. Or, what I need to do to activate the fix if it was included in 9.04. Thank you. I do not know where to add the fixes or image tags that are mentioned by Bruce. I am using Suivant. Thank you in advance.
                  Regards, Kris
                  Kristin Park

                  Comment


                    #10
                    Re: suviant theme - product flag

                    Hi Kris,

                    If you are using the latest version of the Suivant framework, all you should have to do is make sure the "Product Flag" custom filed is selected as active on your product page layout.

                    If you are looking at the code for your page, you should see the call to the custom field at line 19.
                    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


                      #11
                      Is there any documentation anywhere concerning the colors of Highlight Tags. I need to change the colors please!

                      Comment


                        #12
                        The colors for the product flags are in the pages.css file within the product page section.
                        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


                          #13
                          hey matt, how do you make the flag square or rectangle instead of triangle?

                          Comment


                            #14
                            You would have to adjust the .flag class to either change the border measurements or remove the border, and modify the width and height to fit your content.
                            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


                              #15
                              We experienced a problem with Suivant theme flags - no where in the docs does it say the flags are limited to 4 characters. We had one that was 5 and it would not show and produced strange errors.

                              Comment

                              Working...
                              X