Announcement

Collapse
No announcement yet.

How do I add 'Alt' Text to images

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

  • How do I add 'Alt' Text to images

    Can anyone tell me how to add 'alt' text to my image photos. I see a place that I can enter the 'caption', but that does not help me.

    I need these for my product images.

    I know it is possible since I have found this on other 3d cart stores, just not sure where I can add this.

    Thank you,
    Damien

    Tungsten Rings | Men's and Woman's Tungsten Carbide Rings | All Men's and Woman's Tungsten Engagement Bands

  • #2
    You have to do it in every template page that is lacking, by modifying the HTML. It is easy, but it requires some minimal comfort with modifying your template files.

    Comment


    • #3
      Thank you for the quick reply. I am comfortable with html, I just do not know where to find the actual code to change it.

      For instance, I need to change it on this page, we would I find the html code to get into this?

      Tungsten Rings for Men | Cheap Men's Tungsten Rings | Large Size Tungsten Rings

      Or - do I do it on each product page, like this page?

      http://www.tungstenfashions.com/Tusc...ing-_p_27.html

      Thank You,
      Damien

      Comment


      • #4
        The first link is your category template file, which is probably called category_0.html

        The second link is your product template file, probably called listing_0.html

        Go into each, and on every <img> tag, add alt="whatever you want". You will probably use a 3DCart template tag to make the alt text dynamic, like [name] for the product name or [imagecaption1] for the caption that you typed in to the image.

        Comment


        • #5
          Originally posted by cbsteven View Post
          The first link is your category template file, which is probably called category_0.html

          The second link is your product template file, probably called listing_0.html

          Go into each, and on every <img> tag, add alt="whatever you want". You will probably use a 3DCart template tag to make the alt text dynamic, like [name] for the product name or [imagecaption1] for the caption that you typed in to the image.
          The only image that has a alt attribute is image 1 and it will actually use the [name] which is not the best for an alt. The is no way to add alt text to all the image unless you use another field as you mentioned above. I think you could use the caption information but you will have to remove the [imagecaption] field from the selected image so your alt text does not show under the main (selected) image. I hope this makes sense.

          Comment


          • #6
            Originally posted by argento465 View Post
            The only image that has a alt attribute is image 1 and it will actually use the [name] which is not the best for an alt. The is no way to add alt text to all the image unless you use another field as you mentioned above. I think you could use the caption information but you will have to remove the [imagecaption] field from the selected image so your alt text does not show under the main (selected) image. I hope this makes sense.
            I'm a bit confused. I cannot see the alt text on the actual page. But, I have Zoom on. If I understand correctly, we can still use the caption field but the alt-tag will use the name of the product? Also, why doesn't the Home page show alt-tags for images? P.S. I used HubSpot for grading and lack of image alt-tags was flagged.

            Comment


            • #7
              In addition to the need to have an easy way to add alt-imge-tags that will
              1) display with the product
              2) display on the home page

              There is this note from a Yahoo service provider:
              We offer an enhancement that places coding on your Yahoo! store product pictures so they can be indexed by Google′s (and other) natural search engines. This natural search includes Google Images and Google′s ′Sites with Images′ filter.
              ****
              Maybe someone here can come up with the same. It would be a neat feature. Or I could ask them to research doing this for us on 3dcart. Any thoughts? They are quite reasonable.

              Comment


              • #8
                Why can't you just edit your home page and add the alt tag to the image links?

                Comment


                • #9
                  Originally posted by cbsteven View Post
                  Why can't you just edit your home page and add the alt tag to the image links?
                  Would it know which product to assign the alt-tag to? In other words, I am not sure how to set up a dynamic alt-tag for the frame template so that it will pick up the product name from the product page.
                  Last edited by Davef; 11-09-2012, 10:58 AM.

                  Comment


                  • #10
                    On my home.html page for home-featured items I have code that looks like:

                    Code:
                    <img src="[image1]" class="home_thumb" alt="[name]">

                    Comment


                    • #11
                      Originally posted by cbsteven View Post
                      On my home.html page for home-featured items I have code that looks like:

                      Code:
                      <img src="[image1]" class="home_thumb" alt="[name]">
                      Here's what I have.
                      <!--START: ITEM_TEMPLATE_0-->
                      <table cellspacing="0" cellpadding="5" border="0" width="99%" class="alternative">
                      <tr>
                      <td align="center" height="150"><div style="overflow: hidden; height: 150px;"><a href="product.asp?itemid=[catalogid]"><img src="thumbnail.asp?file=[THUMBNAIL]&maxx=150&maxy=0" alt="[name]" border="0"></a></div></td>
                      </tr>
                      <tr>
                      <td class="item" align="center" height="30"><a href="product.asp?itemid=[catalogid]">[name]</a></td>
                      </tr>
                      <!--START: product_review-->

                      It doesn't look like yours. Can you help me? I don't see Class, for example. I am looking in the Home template.

                      Comment


                      • #12
                        You have alt="[name]" which is the important part. That should be setting the alt tag on the images to the product name.

                        Comment


                        • #13
                          Originally posted by cbsteven View Post
                          You have alt="[name]" which is the important part. That should be setting the alt tag on the images to the product name.
                          You are correct! I see in the source that the "alt" is showing. I wonder why the SEO evaluator tool said that it was not there. Oh well. Is the same true for the product pages in the 3D cart template? Does it pick up the product name or the caption?

                          Comment


                          • #14
                            It depends on your code. Usually for the primary image it will be the caption and alternate images will just be product name. Should be something you can determine yourself by looking at your product page.

                            Comment


                            • #15
                              Thanks. I must have misread the text earlier in this thread. When my mouse hovers over the image, it does not show the alt-text. But, the code is there. Thanks again!

                              Comment

                              Working...
                              X