Jump to content

How to remove "Select" on Product Variant Drop-Down

Go to solution Solved by paul2009,

Recommended Posts

  • Solution
On 9/25/2020 at 11:49 AM, MagnoliaPi said:

Is there any way to remove the "Select" text on the Product Variant Dropdown, so that it only say "Farve" and "Motiv"?

Hello ūüėÄ

I have provided some code to do this on my website in the guide entitled Removing 'Select' from Variant Dropdowns on Squarespace 7.1.

Let me know how you get on.

-Paul

no-select-on-variants-soundfocus-digital.gif.ab35a4b329b182c9596fb037457ef9b2.gif

¬†¬†¬†If a post helps you,¬†please click a "Like"¬†option below¬†¬†‚ÜėÔłŹ

Edited by paul2009
Screenshare was not shown correctly

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 3 months later...

@sandjanice @DavidHortvik Can you share link to a variant product? We can help easier

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
  • 4 weeks later...
On 9/28/2020 at 3:00 PM, paul2009 said:

Hello ūüėÄ

I have provided some code to do this on my website in the guide entitled Removing 'Select' from Variant Dropdowns on Squarespace 7.1.

Let me know how you get on.

-Paul

http://g.recordit.co/35CXEVnhbn.gif

¬†¬†¬†If a post helps you,¬†please click a "Like"¬†option below¬†¬†‚ÜėÔłŹ

I want to remove the ''select'' word as well. I used the code from Paul but it doesn't work. I get syntax error on the line where i pasted the code. The code is also super long. Am i doing something wrong?

chrome_BZOjTGSSoh.png

Link to comment
2 hours ago, LukaMalensek said:

Am i doing something wrong?

Please provide a working link to the page so that we can check.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 1 month later...
6 hours ago, Shah_nanigans said:

I also tried using this code. It did not work for me as well.

Please provide a working link to a product on your site so that we can take a look. This is essential when we are answering code questions because otherwise we cannot confirm whether code will work on your site. The site doesn't need to be live for you to provide us with a link, but if it is still in trial, you will need to set a public password and share it with us.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 4 weeks later...
19 minutes ago, tarje said:

I am also having issues pasting the code

@tarje Squarespace made changes to product pages w/c 4th April 2021, and these affected the code. I've updated it now, so please let me know how you get on.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 1 month later...
  • 2 months later...
On 5/4/2021 at 3:49 AM, paul2009 said:

@tarje Squarespace made changes to product pages w/c 4th April 2021, and these affected the code. I've updated it now, so please let me know how you get on.

Squarespace made changes to product pages w/c 4th April 2021, and these affected the code. I've updated it now, so please let me know how you get on.

 

Thank you @paul2009 it works. It is Awesome! will post link when complete...
if you still have the link I sent thru for another question feel free to inspect and give me ideas and feedback use our store as an example by all means it really works fantastically. 

Link to comment
  • 4 weeks later...
6 hours ago, Georgia_G said:

This code is not working for me.

Your site appears to be using custom code (a plug-in?) to replace the drop downs with buttons. The code wasn’t written to work with this.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
3 minutes ago, Georgia_G said:

Yes I am using a plug-in

I recommend you contact the plugin developer for help in customising their code.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ‚ô•.
Work: Squarespace Developer and¬†founder of¬†SF Digital, building the features¬†Squarespace didn't include‚ĄĘ.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 3 months later...
  • 4 weeks later...
  • 7 months later...
On 9/28/2020 at 9:00 AM, paul2009 said:

Hello ūüėÄ

I have provided some code to do this on my website in the guide entitled Removing 'Select' from Variant Dropdowns on Squarespace 7.1.

Let me know how you get on.

-Paul

no-select-on-variants-soundfocus-digital.gif.ab35a4b329b182c9596fb037457ef9b2.gif

¬†¬†¬†If a post helps you,¬†please click a "Like"¬†option below¬†¬†‚ÜėÔłŹ

Hello, this does not seem to work in Safari, but does work for Chrome. Any work around for it to work in both/all?

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.