Jump to content

Placing Text Above Add to Cart Button

Go to solution Solved by tuanphan,

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

Edited by tammer
added detail
Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • Solution
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.