Jump to content

Add filter for Floor / Tiles (e-commerce product page)

Go to solution Solved by paul2009,

Recommended Posts

Hi everyone! 

I need some help regarding a product page that I developed. 

I am doing an e-commerce website in order to sell floor and tiles. 

I have two mains issue in the product page configuration

- First One: I would like to add a filter to help user when they select a dimension. 

The use case is "As a user, when I want to select to floor in XX dimension, then the colors and particular options are visible". 

"When I select an other dimension, then the color of this dimension are visible (can be different to an other dimension)"

=> See attached the screenshot, it is what I would like to have. 

- Seconde One: I would like to fix a price by m2 and give the possibility the user to change update the m2 with the price. 

=> See attached the second screenshot. 

I hope it is clear and someone can help me, thanks a lot!!!

See you!

Sam

First issue.png

Second Issue.png

Link to comment
  • Solution
On 1/8/2023 at 3:51 PM, Samir_Inside said:

The use case is "As a user, when I want to select to floor in XX dimension, then the colors and particular options are visible". 

"When I select an other dimension, then the color of this dimension are visible (can be different to an other dimension)"

There aren't any built-in tools for this, but there's an excellent third party tool available called Universal Filter that can be added to Squarespace.

On 1/8/2023 at 3:51 PM, Samir_Inside said:

I would like to fix a price by m2 and give the possibility the user to change update the m2 with the price. 

Again, this isn't a built-in feature. Squarespace requires you to sell products by quantity (a specific number of tiles, not a square meterage) so the built in price and units will refer to individual tiles or packs of tiles, not square metres. I haven't seen any third party solutions specific to Squarespace, but it should be possible for a developer to write some custom code to convert one to the other.

Did this help? Please give feedback by clicking an icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity 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 too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

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.