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

Read less in product accordion dropdown


amanda4

Question

6 answers to this question

Recommended Posts

  • 0

Hi tuanphan, yes I guess I am saying that actually.

By the way, you are awesome. I have used so much of your css replies in other threads and all have worked perfectly. Legend. 

Example page https://hibiscus-amphibian-tl3g.squarespace.com/config/design/custom-css 

Under markdown:

### **+<span style="font-family:Futura Light; font-size:0.6em;">Read More**</span>

### **+<span style="font-family:Futura Light; font-size:0.6em;">What's in the box?**</span>

### **+<span style="font-family:Futura Light; font-size:0.6em;">Specifications**</span>

### **+<span style="font-family:Futura Light; font-size:0.6em;">Manuals & Instructions**</span>

<img src="https://static1.squarespace.com/static/5f8654dc5e4dcb01103da947/t/5fc854e846ef2e08cbb2801c/1606964457603/arrow.png?format=20w" alt="download." class="GeneratedImage"> [Data Sheet][1]

<img src="https://static1.squarespace.com/static/5f8654dc5e4dcb01103da947/t/5fc854e846ef2e08cbb2801c/1606964457603/arrow.png?format=20w" alt="download." class="GeneratedImage"> [Manual][2]

<img src="https://static1.squarespace.com/static/5f8654dc5e4dcb01103da947/t/5fc854e846ef2e08cbb2801c/1606964457603/arrow.png?format=20w" alt="download." class="GeneratedImage"> [Quick Guide Illustration][3]

### **+ <span style="font-family:Futura Light; font-size:0.6em;">Video</span>**

### **+ <span style="font-family:Futura Light; font-size:0.6em;">Software</span>**

<img src="https://static1.squarespace.com/static/5f8654dc5e4dcb01103da947/t/5fc854e846ef2e08cbb2801c/1606964457603/arrow.png?format=20w" alt="download." class="GeneratedImage">

<img src="https://static1.squarespace.com/static/5f8654dc5e4dcb01103da947/t/5fc854e846ef2e08cbb2801c/1606964457603/arrow.png?format=20w" alt="download." class="GeneratedImage">

Edited by amanda4
Link to comment
  • 0

I don't familiar with above code, so I suggest some other ways.

Option 1. Use Accordion Tabs Plugin

I used to do on client site. You can add Accordion inside Accordion, Accordion inside Tabs, Tabs inside Accordion. Easy to customize without coding skills.

This plugin use Markdown Block or Portfolio Page (7.1) or Index Page (7.0)

Option 2. Find free code on Codepen code

I just checked & found 3 free code

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
On 12/8/2020 at 8:18 AM, tuanphan said:

I don't familiar with above code, so I suggest some other ways.

Option 1. Use Accordion Tabs Plugin

I used to do on client site. You can add Accordion inside Accordion, Accordion inside Tabs, Tabs inside Accordion. Easy to customize without coding skills.

This plugin use Markdown Block or Portfolio Page (7.1) or Index Page (7.0)

Option 2. Find free code on Codepen code

I just checked & found 3 free code

Hi @tuanphan! You mentioned above that it's possible for the sqspthemes plugin to do "Accordion inside Tabs"

That plugin is the same one that I mentioned in the thread below.  

 

I have been playing around with it but no success. Would you be able to tell how to achieve it using that plugin? Thank you for the help! 

Link to comment
  • 0
On 10/22/2021 at 7:55 AM, iJizzy1 said:

Hello there,

I would like to know if you find a better option to create an accordion in the product description area? @tuanphan @amanda4

I wish you a beautiful day.

Hi,

Squarespace just released an Accordion Block. Now you can add it in Additional Info.

If you want accordion appear in Product Description, you can add it to Additional Info first, then share url, we will give the code to move it to Description

Email me if you have need any help (free, of course.). Answer within 24 hours.

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