Jump to content

Font Sampler Demo Box for Selling Fonts

Recommended Posts

Site URL: https://yeahrighttype.com/index/p/cheap-thrills

Hi there, 

I have a client who would like to have a demonstration box for sampling fonts. Basically to be able to type out the proposed font to trial it live on the site. 

I have seen an example on a Squarespace site that is EXACTLY what I am after but can't figure out if this is simply advanced coding or if it's a plugin (to which I can't seem to find its origin). The site is 'Yeah Right Type' and on the individual font pages, they have a demo box that allows for font sampling. 

If there is any direction forward as to whether it's a plugin to be purchased, or if it's something that can be created with coding...? 

Would love some thought. 

Thanks! 

Tom 

Screen Shot 2022-10-05 at 9.13.02 am.png

Screen Shot 2022-10-05 at 9.12.33 am.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

47 minutes ago, tommiatke said:

Site URL: https://yeahrighttype.com/index/p/cheap-thrills

Hi there, 

I have a client who would like to have a demonstration box for sampling fonts. Basically to be able to type out the proposed font to trial it live on the site. 

I have seen an example on a Squarespace site that is EXACTLY what I am after but can't figure out if this is simply advanced coding or if it's a plugin (to which I can't seem to find its origin). The site is 'Yeah Right Type' and on the individual font pages, they have a demo box that allows for font sampling. 

If there is any direction forward as to whether it's a plugin to be purchased, or if it's something that can be created with coding...? 

Would love some thought. 

Thanks! 

Tom 

Screen Shot 2022-10-05 at 9.13.02 am.png

Screen Shot 2022-10-05 at 9.12.33 am.png

Can you share the link to the page that you want to achieve?

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
25 minutes ago, bangank36 said:

Can you share the link to the page that you want to achieve?

Hi @bangank36, Apologies, I don't have a page set up yet as I'm still in discussion with a customer. Just wanted to know if it's achievable and/or needed a plugin purchased etc. 

The link to the actual website that contains the desired outcome is here: https://yeahrighttype.com/index/p/cheap-thrills

I'm sure I could do up a dummy page if needed though. 

Thanks
Tom 

 

Link to comment
5 minutes ago, tommiatke said:

Hi @bangank36, Apologies, I don't have a page set up yet as I'm still in discussion with a customer. Just wanted to know if it's achievable and/or needed a plugin purchased etc. 

The link to the actual website that contains the desired outcome is here: https://yeahrighttype.com/index/p/cheap-thrills

I'm sure I could do up a dummy page if needed though. 

Thanks
Tom 

 

For this part on production item page

image.thumb.png.039c9334f7886b5d8309f255111de3a2.png

I check that it is using a block code on addition information of product. Some javascript code is used to set the appropriate style when we scroll the the size and tracking

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
  • 2 months later...

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.