Jump to content

Customize dropdown in Product page

Recommended Posts

Hello everyone,

Does anyone know what to target to add some custom CSS and modify the dropdown options in a product page? Attached an image to show what we want to customize. 

 

2020-06-09_14-51-55.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

On 6/10/2020 at 1:55 AM, richcruz01 said:

Hello everyone,

Does anyone know what to target to add some custom CSS and modify the dropdown options in a product page? Attached an image to show what we want to customize. 

 

2020-06-09_14-51-55.png

Do you want to change product option or change its style?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 9 months later...

Hi @bangank36, I would personally like to get the same result than the one showed previously but from a product block. Here's the link: dachshund-crane-s64k.squarespace.com/nouvelle-page.
I would also like to move the price below and place is just above the add to cart button, but my ability to customize the form is limited to hiding words 😅.
Password is... 'password'
Thanks in advance for any help.

 

Link to comment

@nicolusse88 Hi. It looks like you solved with this CSS?

.product-block .productDetails {
    display: flex;
    flex-direction: column
}

.product-block .product-price,.product-block .sqs-add-to-cart-button-wrapper {
    order: 1
}

.product-block .productDetails .product-price {
    margin: 0 0 0 0
}

 

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.