Jump to content

Placing Text Above Add to Cart Button

Recommended Posts

Site URL: https://www.lockandmortice.com/collection/essential-table

I am wanting to add a text link between my product variants and my add to cart button on all my product pages.  I can't seem to find the right code to do it. I have put it in many different spots on the page but not the right one yet. I do have a plugin from @paul2009 installed but not sure that would affect my ability to place the text there but might have a different ID for the normal add to cart button. 

Wanting a link to /materiality page so customers can see our finishes and materials descriptions. 

78368555_Screenshot2020-04-2915_03_21.thumb.png.36a4e600745d0163393b51988b99c23f.png

Link to comment
  • Replies 5
  • Views 867
  • Created
  • Last Reply
  • 1 year later...
19 hours ago, EmilieJohansen said:

Hi! I'd like to add a link in this position as well for my store, is this something you can help me with?

You can add link to Product Additional info first, then share url, we can try use JS to move it above Add to Cart

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
11 hours ago, tammer said:

@tuanphan I have inserted a link here and don't even want to move it at this point. Just want to convert it to a button. https://www.lockandmortice.com/collection/essential-table (same page as originally linked). I only want the "Finish Options" to be a button not the other links.

Add to Design > Custom CSS

/* Finish options button */
div.ProductItem-details-excerpt a[href="/finishes"] {
    background-color: black;
    color: white !important;
    padding: 10px;
    padding-top: 12px;
    display: inline-block;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.