Jump to content

add image to drop down accordion

Recommended Posts

  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 weeks later...
On 11/14/2023 at 5:37 PM, Hoeht-studio said:

That sounds good, how can I do this?

You can add it first, then share link to product where you added it, we can give code easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

I it added on the link above under size Guide i have linked the following: the image to Table but this opens the images in the tab instead of showing when accordion is being unfolded. 

The page is not a product page from squarespace I build the page myself.

Edited by Hoeht-studio
Link to comment

I don't see any table images. Where did you add it? I meant add image outside accordion, then we can give code to move it into accordion, not add a text link to image

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
On 11/27/2023 at 10:32 PM, Hoeht-studio said:

I have now added the picure underneath the accordion. 

You mean move this image?

image.thumb.png.10551f2a3737a49ecb74bca13ebe6613.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

Add this code to bottom of Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
  $('div#block-yui_3_17_2_1_1701098820027_2447').insertAfter('div#block-yui_3_17_2_1_1692163036742_2082 li:nth-child(2) p:last-child');
})
</script>

image.thumb.png.00b8b197d396ce04509057648778736a.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

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.