Тёмный

How to create a Squarespace accordion with Images, videos, titles, lists and tables 

UI corner with J
Подписаться 3,6 тыс.
Просмотров 4,6 тыс.
50% 1

Опубликовано:

 

22 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@samlaw5040
@samlaw5040 9 месяцев назад
Thanks for the tutorial! May I ask if this should work for Squarespace 7.0? For some reasons the code injection seems to break the Accordion block, and all the content of the accordion block isn't displayed at all. Is your website down too by any chance?
@uicornerwithJ
@uicornerwithJ 9 месяцев назад
Hi, thanks for the comment. Well I am using 7.1 actually and nothing is broken but you could do the following troubleshooting: 1. You included the script between script opening closing tags ? .... the pasted code Also it should be in the footer panel 2. What source did you use for your image or video: jpg? mp4? or something else ?
@samlaw5040
@samlaw5040 9 месяцев назад
@@uicornerwithJ Thanks for getting back to me and I appreciate it! 1) Yes, I did, basically similar to what you showed in the video. I copy-pasted the whole script into the footer in Code Injection, including the ....... and everything in between. 2) I tried JPEG. In the text input in the accordian block, I input "[[ img ]] text" and then link the text to an image. Once I do that, the accordian block doesn't work and its content is missing. If I remove the script from footer, the Accordian block works as usual again and the content in the accordian block is visible once again.
@TheBeastmaul
@TheBeastmaul Год назад
Thanks for this! Love how this is possible in Squarespace. The only problem I'm running into, is that the script doesn't seem to load until the page is refreshed. Then after it's refreshed things appear as they should in the accordion block. If you have any tips, please let me know. This is awesome otherwise though.
@uicornerwithJ
@uicornerwithJ Год назад
You mean after you make adjustments or every time when you go on your website you need another refresh to make it work?
@TheBeastmaul
@TheBeastmaul Год назад
Every time someone would go on the website, they needed to refresh for it to work, but I figured out the fix. I needed to disable Ajax loading in Squarespace. This seemed to disrupt the loading times of the custom JavaScript code. @@uicornerwithJ
@elizabethconnor3313
@elizabethconnor3313 11 месяцев назад
What is the "voila!" step? Help!
@uicornerwithJ
@uicornerwithJ 11 месяцев назад
I am not sure what you mean but if I used the world "Voila" then I meant "This is it!". If the script is not working for you please let me know.
@elizabethconnor3313
@elizabethconnor3313 11 месяцев назад
@@uicornerwithJ Just trying to figure out how to add the script. Doing some Googling. Thanks.
@uicornerwithJ
@uicornerwithJ 11 месяцев назад
@@elizabethconnor3313 There are some ways, but one of it is by going to Website > Website Tools > Code injection and then between tags you put the code in the Footer panel.
Далее
Squarespace accordion with images
5:29
Просмотров 8 тыс.
Live Demo
3:22
Просмотров 2
Media friendly accordions in Squarespace
13:26
Просмотров 1,4 тыс.
Header Style
43:20
Просмотров 28