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

Add the word "from" to product page (without using variants)


annyanderyn

Question

Site URL: https://www.annyanderyn.com/baby-mobiles

Novice coder looking for help - we are selling some bespoke/custom products which vary in price depending on what the customer wants. Can I add the work "from" to the price on our product pages? Only way I've found so far is to use variants but don't want the dropdown selector either...

https://www.annyanderyn.com/baby-mobiles (scroll down - last product listed)

https://www.annyanderyn.com/baby-mobiles/p/earth-sky-planter-tcf57 (on this link I've coded to remove the price but would love it to say "from £85)

PW: distinct62

TIA

image.thumb.png.b5a6fae0b34b09138661f6403c3e6031.png

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Sorry, I hadn't understood that only some of the products are custom. When you have a small number of custom products, I recommend adding a Tag to these products, for example 'custom' to indicate

It is usually easier to manage this with a combination of Variants and Custom Product Forms. This is for two reasons: The User Experience may be confusing if users must select a product (eg Ocea

This is so helpful. I really appreciate you taking the time to answer my question! :)

Posted Images

4 answers to this question

Recommended Posts

  • 0
1 hour ago, annyanderyn said:

We are selling some bespoke/custom products which vary in price depending on what the customer wants. Can I add the work "from" to the price on our product pages?

It is usually easier to manage this with a combination of Variants and Custom Product Forms. This is for two reasons:

  1. The User Experience may be confusing if users must select a product (eg Ocean Mobile) and later select the same product name again from a list on the Deposit page.
  2. The administrative burden will be greater if every order requires a manual follow-up to establish the customisations, confirm the price and then match follow-up payments to the original orders.

That said, if you prefer to do it this way, you can add a 'from' prefix to your prices using some CSS. 

To add this prefix to the Mobiles page, you'd add the following to Design > Custom CSS and then save the changes:

#collection-60189d93c18e871112f04c13, 
.collection-60189d93c18e871112f04c13 {
  .product-price:before {
    content: 'from ';    
  }
}

This is because the Mobiles Collection has the unique ID 'collection-60189d93c18e871112f04c13'. It is repeated twice, once with a "#" and one with "." as one will affect the Product List Page and the other affects  the Product Detail Pages. You can add other store collections by adding their respective Collection IDs. This will ensure that your Deposits collection is not included. Here's a guide I wrote to explain how to identify other collection IDs:

https://sf.digital/squarespace-solutions/how-to-apply-css-to-specific-pages-in-squarespace

I hope this helps.

  If this helps you, please click "Like" below  ⬇️

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include. Pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.  Squarespace. I've been a loyal supporter of the platform since 2007. 

Link to post
  • 0

@paul2009Thank you for your input! Could you manipulate the code just for ONE product ID (which I can't find!)- the customs? https://www.annyanderyn.com/baby-mobiles/p/earth-sky-planter-tcf57

Essentially, everything else has it set prices & is customised within that price point. We ideally wanted to have each product with it's own custom form but as everything is handmade by me, I can only take a certain number of orders per month. As Squarespace doesn't allow me to limit my orders (something I only found out after I'd signed up!), the only way I could think to manage the inventory was to create the deposit listing which I can add "stock" to without getting overwhelmed. It's quite frustrating.

I appreciate you helping me :) 

Link to post
  • 0

Sorry, I hadn't understood that only some of the products are custom.

When you have a small number of custom products, I recommend adding a Tag to these products, for example 'custom' to indicate they are custom. You can then modify the CSS to only apply to products with that tag using the selector .tag-custom.

Another benefit is that you could automatically add a custom status badge to those products to highlight them.

1404508247_Screenshot2021-02-25at12_03_10.thumb.png.e976c25e781865fb238fa28b5a224f1c.png

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digitalbuilding the features that Squarespace didn't include. Pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.  Squarespace. I've been a loyal supporter of the platform since 2007. 

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