yuliamazur

Thank you! You're right, the above code was fine! But I was facing another problem with it... It didn't let me click & drag the objects of carousel. I've explained this in this comment and added some screen recordings After that you told me that you have a solution but I'll need another code for this. Do you still have it? I appreciate your help very much Thank you in advance!

Hey @tuanphan! Thanks for your help! I'm using the commercial plan so I think I'm able to insert the new code. Please send the new one when you can, I'd appreciate this very much!!!

I’m using the commercial plan, so I think I’ll be able to insert another code. I’m waiting to hearing from you. I’d appreciate your help very much! thank you

Thank you so much @tuanphan, it worked great!! Just one question, is it possible to scroll this clickable images by clicking+dragging? When I'm trying to drag the items with cursor it's not possible to move them, only click is available. I've attached the video to explain better. There's a similar product view section in the second video I've attached where you can both click & drag + click to view the product page. Is there any posibility to do the same in my case? The website where I've seen this carousel scroll is this one: https://www.nakedcph.com/en Thank you 🙏 2071722702_ScreenRecording2023-01-28at13_09_00.mov Screen Recording 2023-01-28 at 13.13.01.mov

Hey @tuanphan, sorry, I have updated the site url. Here it is: https://www.ochi-studio.com/home I've added the buttons below carousel images for users to click on them, but I'd prefer to remove the buttons and make the images clickable + be able to scroll the carousel with adjacent slides. The specific section I'm refering to is this one: section[data-section-id="63cd14eaab5f09481fb2a2a4"] Thank you!!!

Hello, @tuanphan Thank you for this code! I've tried to use it on my website, but unfortunately it doesn't work... I have a similar carousel list (see screenshot attached) and I need to make my images clickable, and at the same time be able to scroll the carousel with adjacent slides. Is there a custom code solution for this? Also I would like to ask if I can make the buttons invisible? (Just the title and description below the image). Maybe I need to add a link to description to make the image clickable? Thank you in advance 🙏 Website link: https://sparrow-tomato-zxzd.squarespace.com Password: testmode1568

Hello, @tuanphan Thank you for this code! I've tried to use it on my website, but unfortunately it doesn't work... I have a similar carousel list (see screenshot attached) and I need to make my images clickable, and at the same time be able to scroll the carousel with adjacent slides. Is there a custom code solution for this? Also I would like to ask if I can make the buttons invisible? (Just the title and description below the image). Maybe I need to add a link to description to make the image clickable? Thank you in advance 🙏 Website link: https://sparrow-tomato-zxzd.squarespace.com Password: testmode1568

Hello smart people! I really need help. Website: https://sparrow-tomato-zxzd.squarespace.com/ Password: testmode1568 There is one specific detail that my client needs to fulfill. I need to make a separate section of the selected products (maybe in the form of summary or separately added products) with a heading and a link in the vertical form. You can see it right after the first intro section on the site. I think I managed to write the CSS code for the vertical typing: #block-yui_3_17_2_1_1673529093892_132548 h4 { writing-mode: vertical-rl; transform: rotate(180deg); margin-left: 17px; position: relative; right: 10px; } #block-yui_3_17_2_1_1673529093892_130008 .sqs-block-button-element--small { writing-mode: vertical-rl; transform: rotate(180deg); margin-left: 17px; position: relative; right: 10px; } But everything turns out very crooked and I can not add more products to this block, because they go out of the grid, and I need to keep the distance between products in 5px. Perhaps such a block is better done on the basis of summary and customize it with CSS? The problem is that this vertical header and link should be above the light grey rectangle which is on the left border of the screen. If I didn't explain myself properly, here's the website where we took this idea from: https://www.nakedcph.com/en/. They have the same block called New arrivals with the ability to scroll the products to the right. I'm also attaching the screenshot. Please, if someone can help me with this I will be infinitely grateful 🙏🏻 P.S. I have done the section in figma, maybe there is a way to convert it to html and css to just add it as a custom section to the website?