4 Replies Latest reply: May 4, 2014 6:04 PM by Topflight RSS

    Display Product Attributes Horizontally???

    thedeeman Community Member
    thedeeman Nov 5, 2013 3:28 PM

      On the large product layout I have multiple product color attributes. I have product color radio buttons that I want to place horizontal so they don't take up so much vertical space.  I'm using {tag_attributes,horizontal,true,true} as instructed in this adobe document. However, It doens't work.  I've tried it on two different sites now and each time it just displays the content vertically.    I even created a new test site to try and get this tag to work in case it was just an error in my code but that still didn't work.  Below is the section of code from FireBug.  I appreciate any help you can provide!

        • 1. Re: Display Product Attributes Horizontally???
          thedeeman Community Member
          thedeeman Nov 5, 2013 3:30 PM (in response to thedeeman)

          I figured it out, the document that I referenced above didn't explain that you have to use a true or false statement in the tag.  I just happened to take a guess and put in "true".  I can't believe this information was so hard to find.

           

           

          Step 4 – Update product layouts to reflect the variations

          When inventory control is enabled, the following product tags change their behavior to take advantage of the new functionality:

          • {tag_attributes, horizontal, hideDisabledVariations, autoSelectFirstVariation}
            • horizontal – kept existing behavior
            • hideDisabledVariations – true or false
            • autoSelectFirstVariation – true or false
          • 2. Re: Display Product Attributes Horizontally???
            Topflight
            Topflight May 4, 2014 3:22 PM (in response to thedeeman)

            I can't believe this information was so hard to find.

            I believe it!  It's amazing how difficult it is to find information regarding implementation for BC!  If you search Amazon, you will find one how-to book that is now outdated and nearly impossible to use because of this.  My solution?  There are some pretty nice services online that are offered to teach you BC.  I have been using BC Gurus and while it doesn't catch all the gaps, they do a really nice job of educating you on how BC works and how to implement most features with a minimum amount of pain.  They offer both free as well as paid 'tutoring' for those interested.

             

            And since I too am having trouble implementing that feature, am I doing this correctly?

             

            So should that look something like..

             

            {tag_attributes, horizontal, hideDisabledVariations, autoSelectFirstVariation, true, true}

             

            or

             

            {tag_attributes, horizontal, true, true}

             

            Thank you to whomever answers this.

            • 3. Re: Display Product Attributes Horizontally???
              Liam Dilley CommunityMVP
              Liam Dilley May 4, 2014 3:25 PM (in response to Topflight)

              This is a huge resource:

              BC Help & support

               

              And to be honest, I would say 70% of the questions asked on the BC forums or more are HTML, CSS, Javascript questions which are not really in the realms for BC to document, its more knowledge and google for all that.

              • 4. Re: Display Product Attributes Horizontally???
                Topflight Community Member
                Topflight May 4, 2014 6:04 PM (in response to Liam Dilley)

                Liam,

                 

                True.. but at the same time, it's not easy trouble-shooting or finding additional information on something when BC is doing something funky.  In this case, I dug and dug and dug and scoured online and the forums and BC Help & Support as well BC user docs, etc.  To no avail.

                 

                Why?

                 

                According to the document referenced above, in order to get the attributes to display horizontally, you have to include that in the tag.  So you would have to use {tag_attributes, horizontal, true ,true,} to get the attributes to do that.  But that's completely WRONG and it took a bit of 'what ifs' in order to get it to work properly.  Somehow.. somewhere, BC devs got the two things confused.  For them, horizontal=vertical to us.  The moment I dropped the 'horizontal' portion of the tag, it performed BEAUTIFULLY!

                 

                Horizontal means across.. as in across the horizon.  Vertical means up and down.. as in stacked, which is the default attribute display style.

                 

                For this to work properly as a horizontal display of attributes, it HAS to be {tag_attributes, true ,true,}

                 

                I suspect BC devs aren't really confused about the meanings of horizontal and vertical, but most likely corrected it on the platform and neglected to change it in the actual documentation.. which is the most viable resource available to those of us learning BC.. *facepalm