Announcement

Collapse
No announcement yet.

Icons as well as text from the links section

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

    Icons as well as text from the links section

    Hi i was wondering how they are managing to put icons on this site : http://www.soccerpro.com/acatalog/Be...ted_Pulse.html

    i would realy like the icons like email and ? that they have rather than the plain text i have at the moment?

    Thanks in advance

    #2
    Hi Michael,

    do you mean the icons beneath the product images? If so these have been hardcoded into the Act_ProductLine.html template using their own icons.


    Bikster
    SellerDeck Designs and Responsive Themes

    Comment


      #3
      Originally posted by jont
      Hi Michael,

      do you mean the icons beneath the product images? If so these have been hardcoded into the Act_ProductLine.html template using their own icons.
      Ahhhhh cool, any ideas how you would go about this, or is this pretty advanced stuff?

      Cheers

      Comment


        #4
        Make a copy of Act_ProductLine.html in the root of your Site1 directory.

        In the template (open in Notepad or your web editor) look for "NETQUOTEVAR:PRODUCTIMAGE" and insert the following just after it:

        Code:
        <br>
        <table width="95%"  border="0" cellspacing="0" cellpadding="0">
                <tr> 
                  <td width="50%"><a href="http://www.domain.co.uk/acatalog/more_info.html"><img src="more_info.gif" width="20" height="20" border="0"></a></td>
                  <td width="50%">More Info</td>
                </tr>
                <tr> 
                  <td><img src="email_icon.gif" width="20" height="20" border="0"></td>
                  <td><a href="mailto:sales@domain.co.uk">send us an email</a></td>
                </tr>
              </table>
        this will insert a 2 x 2 table beneath the product image. You will need to create "more_info.gif" and "email_icon_gif" and save them in the root of Site1 folder and set the specified sizes accordingly (I have set them to 20 and 20 above). You may need to fiddle around with the column width or even set to a fixed width to get it to display how you desire.

        Ensure you set the page for "more info" to the page you want to point it to.

        The above may need some tweaking to get the desired results (especially the column widths) but it is a starter for 10.

        HTH


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          Thanks for that going to give it a try as soon as i have found some suitable stock icons to use.

          Cheers

          Mike

          Comment

          Working...
          X