Jump to content

Hiding text based on variant selection

Recommended Posts

Hi,

I have added the circled text as code injection, but I want to hide/show it conditionally based on variant selection.

.variant-option:before{
    padding-bottom: 5%;
    line-break: auto;
    font-style: italic;
    content: 'Furoshiki is a traditional Japanese wrapping technique. The cloth can be reused as a scarf, bag or to wrap another item.';
    display: block;
}

image.thumb.png.cfcd9ebaa5a0217f81ee78237457a0fe.png

I want to show the highlighted text when the 'Furoshiki Wrapping' option is selected and hide it when 'None' is selected.

Any help would be much appreciated!

Link to comment
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.