Custom button pointed to URL

d3needshelpd3needshelp Registered Users Posts: 31 Big grins
edited August 19, 2013 in SmugMug Customization
I've learned a lot by reading a lot of these threads and have applied many to my own site. Thanks to all contributors.

Now... I'd like to add a "Buy" button that can be pointed at my own shopping cart link. Being a copy/paste CSS user, I haven't the first clue how to do this. The "Add to Cart" buttons previously discussed take you to SM shopping cart which I don't use. But perhaps one of those can be modified to add a href or something like that.

Any suggestions?:dunno

My site is www.d3citypics.com

Comments

  • J AllenJ Allen Registered Users Posts: 359 Major grins
    edited August 17, 2013
    I've learned a lot by reading a lot of these threads and have applied many to my own site. Thanks to all contributors.

    Now... I'd like to add a "Buy" button that can be pointed at my own shopping cart link. Being a copy/paste CSS user, I haven't the first clue how to do this. The "Add to Cart" buttons previously discussed take you to SM shopping cart which I don't use. But perhaps one of those can be modified to add a href or something like that.

    Any suggestions?<img src="https://us.v-cdn.net/6029383/emoji/ne_nau.gif&quot; border="0" alt="" >

    My site is www.d3citypics.com

    Have you tried something like this...just use smugmug's button style with your own html:

    <a href="http://www.foxnews.com/" target="_blank" class="sm-button sm-button-size-small sm-button-skin-accent">
    <span class="sm-fonticon sm-button-fonticon sm-fonticon-small sm-fonticon-CartAdd"></span><span class="sm-button-label">Buy this Awesom Photo!</span>
    </a>
    
    
    -Joe Allen
    My Smugmug Site
  • d3needshelpd3needshelp Registered Users Posts: 31 Big grins
    edited August 18, 2013
    J Allen wrote: »
    Have you tried something like this...just use smugmug's button style with your own html:

    <a href="http://www.foxnews.com/" target="_blank" class="sm-button sm-button-size-small sm-button-skin-accent">
    <span class="sm-fonticon sm-button-fonticon sm-fonticon-small sm-fonticon-CartAdd"></span><span class="sm-button-label">Buy this Awesom Photo!</span>
    </a>
    
    

    :ivar:ivar:ivar
    Thanks J,
    That was exactly what I was looking for! Are there more styles that I can choose from?
  • J AllenJ Allen Registered Users Posts: 359 Major grins
    edited August 18, 2013
    :ivar:ivar:ivar
    Thanks J,
    That was exactly what I was looking for! Are there more styles that I can choose from?

    The styles come from whatever theme your using...you might be better off trying an online button maker like this simple one, no image needed, only style rules.
    -Joe Allen
    My Smugmug Site
  • d3needshelpd3needshelp Registered Users Posts: 31 Big grins
    edited August 19, 2013
    Thanks Joe. The online button maker site is perfect.
Sign In or Register to comment.