Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
peteryang

Change Quick View Button Text/Icon

Question

Hi there,

Just had two quick questions about the Quick View feature in the e-shop. I'm using the Brine Template (non-updated version).

1. Is it possible at all to change the text on the "Quick View" button to another text like "Preview" or something? 

2. As another option can the entire button change to my own button icon?

Thanks in advanced!

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 1
17 hours ago, cherylr said:

I'd like to know this too. Here's a shop page, thanks. 

https://olddognewsaxophones.com/alto

It seems you solved with this CSS

span.sqs-product-quick-view-button:after {
    visibility: visible;
    content: "click for more info";
    background: #fff;
    color: #100f43;
    padding: 10px 20px;
    border-radius: 5px;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

Hi tuanphan,

Thanks for your quick reply!

Sorry for asking, do you absolutely need to access the shop page? I'd prefer to not show it if I don't need to as I have new product on here.

Share this post


Link to post
  • 0
1 hour ago, sandracheesman said:

@tuanphan Hi, do you know how I can hide the SS Quick View button so I can use the above css instead?

Thank you!

To hide quick view, add to Home > Design > Custom CSS

.sqs-product-quick-view-button-wrapper {
    display: none !important;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post
  • 0

@tuanphan Thank you but unfortunately that hides the Squarespace quick view button completely including the CSS new button that I am using from above:

 

span.sqs-product-quick-view-button:after {
    visibility: visible;
    content: "click for more info";
    background: #fff;
    color: #100f43;
    padding: 10px 20px;
    border-radius: 5px;
}

 

Share this post


Link to post
  • 0
span.sqs-product-quick-view-button {
    visibility: hidden;
}
span.sqs-product-quick-view-button:after {
    visibility: visible;
    content: "click for more info";
    background: #fff;
    color: #100f43;
    padding: 10px 20px;
    border-radius: 5px;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...