Paul_Wille

thanks and no problem, it's summer. we're still looking for a solution. temporarily we have now linked the text below, which is not optimal, because probably many people try to click on the picture. thanks already 🙂

Yes, thanks again, we turned it off completely because it wasn't working well. Here I will redefine my request, we want for desktop, all categories on each category page, same for mobile, plus for mobile in one line and for swiping. Desktop and mobile both underline the current category. Its www.bottegajacobs.com thanke a lot, paul

Hey, i copied the code for css and for HTML, but it the logo does not show up 😞 @ www.bottegajacobs.com

Hey, can you update this for a mobile version too, because this doesn´t work for Mobile @ our site www.bottegajacobs.com

Thank you for your reply! With the code, the swipe works, but the links are broken, I can't click on an element! Maybe it's a problem with the link, it looks like there is a hide button that is linked, but I don't think the images are linked directly, any suggestions? we want to launch the store on Monday, it would be great if we could find a solution. i have been racking my brain looking for a solution for a long time. i would be very grateful! Paul

Maybe i give some more Information! its for mobile only and the code above works perfectly for desktop. I either get it so that the slide function works and you can swipe the products to the right and left, then the products are no longer clickable. Or the other way around, the products are clickable with a link to the product but the slider no longer works. This section: section[data-section-id="667d74b8f69b953d3c47eed8"]

Hey, just wanted the arrows left and right directly on the end of the screen as the opener of the thread :9

Hey, we have the same Problem on www.bottegajacobs.com for these 2 Section, the links doesnt work and its our last Problem before we can open the shop 😞 Problem Sections: section[data-section-id="667d7a7030813771141393c7"] section[data-section-id="667d74b8f69b953d3c47eed8"] The links are not working on mobile, on desktop they do, there we used this code: .user-items-list-item-container[data-section-id="661654a40bef933039eb1bba"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; }} Thanks, Paul

Hey, we have/had the same problem, @tuanphan your code was a solution for not double tapping anymore, but it cause a new problem, now in product grid overview, each product picture disappears when tapping while scrolling down, you can see it here on a mobile phone: https://www.bottegajacobs.com/shop-all/lights Thanks for your help! Paul

Works perfectly fine, thanks for your help!

I found out that nothing on the site is clickable anymore, so we removed this code and hope for your help 🙂

Hey, we have a similar Problem, we want to show all categories on all sites, not sticky and linked. With the actual code they are not linked, and we don't know why?! It would be cool to have the actual category underlined For the mobile version, we want the categories in one line with the option to swipe to the right, like a slide Is this possible? We are www.bottegajacobs.com Thanks in advance, Paul At the Moment we use this code: /* Show category nav links */ div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 100% !important; max-width: 100% !important; margin-right: 0 !important; position: sticky; position: -webkit-sticky; top: ; z-index: 9999; } section.products.collection-content-wrapper.products-list { flex-direction: column !important; display: flex; } .nested-category-tree-wrapper>ul { width: 100% !important; display: flex; justify-content: center; align-items: center; flex-wrap: wrap !important; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } a.category-link.root { padding-bottom: 0 !important; padding-top: 40px !important; } /* fix first item space */ li.category-item:first-child a { padding-bottom: 0 !important; } .products.collection-content-wrapper .nested-category-tree-wrapper li:first-child { margin-left: 0 !important; } @media screen and (max-width:767px) { .tweak-products-nested-category-type-top .products.collection-content-wrapper .nested-category-tree-wrapper { justify-content: center !important; align-items: center !important; padding-left: 0 !important; } .tweak-products-nested-category-type-top .products.collection-content-wrapper .nested-category-tree-wrapper>ul { width: 100% !important; } }

Maybe someone has a solution, we are still struggling with this. The pictures/products must link to the Product, plus a part of the next product has to be seen for an intuitive slideshow information. thanks in advanced, paul

Hey @tuanphan, can you just take a look again? We are still struggling with this point 🙂

Yes for sure! https://www.bottegajacobs.com/shop-all Looking for 2 solutions, one for desktop and one for mobile, thanks in advanced. Paul

Hey, Since we import our articles from another platform, we have quite long titles. We would like to shorten them with Css, so that there are a maximum of 2 lines on the desktop version and a maximum of 3 lines in the mobile version, the end of the last line should end with three dots "..." and indicate that the title is longer. Can someone help us with the CSS for this? Thanks in advanced! Kind regards, Paul

Thanks for your help, you are awesome! works nearly, for the arrows i´m looking for new links in the meanwhile, the arrows would then have to go to the left and right at the edge, can you take another look? Best regards, Paul

Hello again and Thanks for your help, for this slideshow, I have marked the picture again and explain again what we want to do exactly. the slider should show a section of an additional product on the right. in addition, the products should lead directly to the product by tapping on them, the last coder only added arrows for us. Best regards, Paul

Hey, we have the same Problem, we'd like to have pretty much identical arrows in the same position as the person who opened the post. (www.bottegajacobs.com), but only for a mobile section. Can you help us? Best regards, Paul

Hey, maybe you guys can help me too! Our site: www.bottegajacobs.com 1. we want that the individual products in the carousel can also be opened by tapping, currently they are quasi dead and you can not interact. 2. for the size of the slideshow it would be great if it is cropped on the right as in the photo I am attaching. There should be 2 products fully visible and a third in the cut so that you can check that it is a slideshow. Thanks in advance, Paul

Hello again! we imported several hundred products from Etsy a few weeks ago and have now noticed that our images are not being displayed in the google image search due to unusable image titles. Is there a workflow to edit the image titles in bulk or to automatically link the product URL to the image titles? is there an alternative workaround or is adding an alt text sufficient? Overall, we wanted to make our work easier by importing from Etsy, but if we now have to upload all the images again, that would be a problem in day-to-day operations. We look forward to your suggestions for a solution! Best regards, Paul

But would it be possible to change the Logos by myself in the future?

just another Product, but same problem 😉 https://www.bottegajacobs.com/shop-all/p/metal-statue-from-italy-handmade-figure-mid-century-design-1970s

Hey and Thanks! in the moment it looks like this! Can i change the size of the logos and make the text in Two rows and change the text? Best, Paul !

Hey, this layout is what we are looking for! Thanks for your help @tuanphan!! Best, Paul