Announcement

Collapse
No announcement yet.

Adding images to buttons

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

    Adding images to buttons

    Why does this button not work? From the ORDL or LOGN screen, it's the

    Code:
                <input type="image" src="../assets/btn-cAcct.png"  value="Create Account" class="button" onClick="window.location =  '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Order=1&amp;Screen=ACAD';"  />
    and this one does?

    Code:
     <input  type="button" value="Create Account" class="button"  onclick="window.location =  '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Order=1&amp;Screen=ACAD';"  />
    The same problem happens with the "Express Checkout" button.

    Doesn't work:
    Code:
      <input type="image" src="../assets/btn-pCheckout.png" value="Proceed  to Checkout" class="button" onClick="window.location =  '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=OCST';"  />
    Works:
    Code:
    <input type="button" value="Proceed to  Checkout" class="button" onclick="window.location =  '&mvt:global:secure_sessionurl;Store_Code=&mvta:store:code;&amp;Screen=OCST';"  />
    Color me confused,
    Leslie
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    Re: Adding images to buttons

    Really, no one is trying to do this in the CSSUI store? Okay, guess I'd better get the CSS tweaked to use these images
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      Re: Adding images to buttons

      I am wondering the same thing...

      Comment


        #4
        Re: Adding images to buttons

        Good look at using images for buttons in css stores:

        http://www.mivamerchant.com/blog/cre...kground-images

        Otherwise, I'd suggest removing the "class=button" from the code attempting to use an image versus css to control appearance and go from there.

        Comment


          #5
          Re: Adding images to buttons

          That is what I did, worked great, the only think I would add to that is that you want to set cursor:hand; to get the hand cursor..

          I just created my own class...

          Otherwise it still works great.. Thank you for the reply...

          Comment


            #6
            Re: Adding images to buttons

            I can't believe this is still a problem for stores that don't want to use CSS for the button background but want to change the input type from button to image.

            Why can't I change the input type to image????

            Leslie
            Leslie Kirk
            Miva Certified Developer
            Miva Merchant Specialist since 1997
            Previously of Webs Your Way
            (aka Leslie Nord leslienord)

            Email me: [email protected]
            www.lesliekirk.com

            Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

            Comment


              #7
              Re: Adding images to buttons

              Sometime just doing it the old fashioned way works. I removed the input and just linked the button with the URL referenced in the input. Maybe I should drink more coffee or just figure out how to reduce the stress in my life
              Leslie Kirk
              Miva Certified Developer
              Miva Merchant Specialist since 1997
              Previously of Webs Your Way
              (aka Leslie Nord leslienord)

              Email me: [email protected]
              www.lesliekirk.com

              Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

              Comment

              Working...
              X