builder123 Posted October 26, 2023 Share Posted October 26, 2023 I'd like to display tags for a particular product on the product page itself. I understand this is not out of the box, but I hoped I could leverage the the tag cloud to reveal the tags. Unfortunately, it seems I can only choose to display all tags for my store, rather than than the ones that apply to the specific product. Note: My goal is not to create a filter. Our brand ethos centers around sustainability and our customers have strong value alignments. I want customers to be able to see which products align to their values (eg. women-owned, carbon neutral, plastic-free). As a bonus, the tags allow you to click in and filter down on all products that match a tag. I was hoping to use tags as a more scalable and universal feature (rather than hard coding text onto each product page). In this way I can feed the tags back to our CRM and leverage the values for marketing and analytics. It's also easier to manage and make sure the tags remain standardized. I believe in building scalable foundations, and while hard coded buttons/tables could work, they aren't scalable, reportable, or easily managed. Has anyone had any success with this? Is there a plugin out there that may work? Anyone tried to display the tags via their own code? Thanks! Link to comment
creedon Posted October 26, 2023 Share Posted October 26, 2023 I think the effect you want is possible but I'm unaware of any code that actually does this. Escentially, I think, the pieces are there. They just need to be brought together with some custom code. The code for this effect is not easy. I would categorize this as a moderately complex piece of code. The main trick is going to be how to marry up the in product detail tags with their human readable counter parts. In a page a tag is represented as tag-my-tag. In the user interface it is represented as My Tag. There are some complexities to this process. I've had some experience with this for categories. Herzberg6969 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted November 2, 2023 Share Posted November 2, 2023 Please see Store Page Tags Text Add. Let me know how it goes. E-W 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
E-W Posted December 21, 2023 Share Posted December 21, 2023 On 11/2/2023 at 4:37 AM, creedon said: Please see Store Page Tags Text Add. Let me know how it goes. @creedon This is such a great resource, thanks for sharing! Just what I was looking for. Only issue is it doesn't seem to load reliably/most of the time. I've seen others have JS loading issues with SS. Any chance you could help me figure out the loading? https://asparagus-violet-6yxl.squarespace.com/ PW: ADMIN Link to comment
creedon Posted December 21, 2023 Share Posted December 21, 2023 1 hour ago, E-W said: Only issue is it doesn't seem to load reliably/most of the time. I believe you have found a bug in my code! I'm a bit swamped right now so I probably won't be able to look into this until next week and of course we have the Christmas holiday in the USA coming up also. Please stay tuned to this thread as I usually try to provide update notices. Herzberg6969 and E-W 1 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted December 22, 2023 Share Posted December 22, 2023 I have updated my code cited in my November 2 2023 post. From the changes... fix for tags not being retrieved from api Let us know how it goes. Herzberg6969 and E-W 1 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
E-W Posted January 2 Share Posted January 2 On 12/22/2023 at 5:39 PM, creedon said: I have updated my code cited in my November 2 2023 post. From the changes... fix for tags not being retrieved from api Let us know how it goes. Amazing! Thank you so much! I also am on a trial account right now so I pasted the code directly in (missed that before 😝). A few of the products aren't displaying the tags but overall they do seem to be loading better now. I'll get back to you with an update when I get the site launched and on a paid plan & update the code to match. Will def. be sending you a thank you for your help! creedon 1 Link to comment
E-W Posted January 19 Share Posted January 19 On 12/22/2023 at 5:39 PM, creedon said: I have updated my code cited in my November 2 2023 post. From the changes... fix for tags not being retrieved from api Let us know how it goes. @creedon We're on a paid plan now and the tags are still unfortunately not consistently appearing. They also are not linking to any specific category but this is in the linked URL: /shop?tag=undefined Can you help? 🙏🏻 Link to comment
creedon Posted January 20 Share Posted January 20 9 hours ago, E-W said: the tags are still unfortunately not consistently appearing. They also are not linking to any specific category but this is in the linked URL You have found more bugs in my code. Thank you. I will attempt to fix them soon. I'm a bit swamped at the moment. Please give me several business days to try to fix the issues. If I don't get back to you, please ping this thread to remind me. Herzberg6969 and E-W 2 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
creedon Posted January 25 Share Posted January 25 I have updated my code cited in my November 2 2023 post. From the changes... fix for tags being misapplied Let us know how it goes. Herzberg6969 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
E-W Posted January 31 Share Posted January 31 Thanks @creedon! Unfortunately, the tags still don't link to the corresponding product category. I'm wondering if I did something wrong on my end? Screenshots are attached for one product so you can see how I've got it set up. When clicking on a tag it does take you to the shop page but the end of the url added is: /shop?tag=undefined Link to comment
creedon Posted January 31 Share Posted January 31 7 hours ago, E-W said: Unfortunately, the tags still don't link to the corresponding product category. I'm wondering if I did something wrong on my end? You are still running version 0.1.1. The lastest version is 0.1.2. Please update my code. MikeBDMN and E-W 2 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
E-W Posted February 27 Share Posted February 27 On 1/31/2024 at 5:45 PM, creedon said: You are still running version 0.1.1. The lastest version is 0.1.2. Please update my code. @creedon Sorry for taking so long to get back to you. Thank you SO much! It works beautifully! creedon 1 Link to comment
myfavouritecolourisrainbow Posted March 7 Share Posted March 7 Hi there, I've just found this and have tried to install on my website. I'm not seeing the tags on my site and I can't see them in the demo either. Just wondering if I'm missing something? Thanks heaps. Link to comment
creedon Posted March 13 Share Posted March 13 On 3/7/2024 at 3:09 AM, myfavouritecolourisrainbow said: I can't see them in the demo either. This is was I see on my demo. Quote I'm not seeing the tags on my site Just wondering if I'm missing something? Please post the URL for a page on your site where we can see your issue. For us to see the URL you need to include the link in the content of your post. The URL field the forum software provides is not shown to us. A link to the backend of the your site won’t work for us, i.e. a URL that contains /config/. Please set up a site-wide password, if your site is not public and you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the site-wide password and how to share a link documentation to understand how they work. You may find How to post a forum question post useful. We can then take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
KEISH Posted April 21 Share Posted April 21 On 12/21/2023 at 3:37 PM, E-W said: @creedon This is such a great resource, thanks for sharing! Just what I was looking for. Only issue is it doesn't seem to load reliably/most of the time. I've seen others have JS loading issues with SS. Any chance you could help me figure out the loading? https://asparagus-violet-6yxl.squarespace.com/ PW: ADMIN This is an insanely late response to this thread but how did you get your variant options to look like the cute buttons instead of the dropdown? Was it using the code linked earlier in the thread? Link to comment
paul2009 Posted April 21 Share Posted April 21 6 hours ago, KEISH said: how did you get your variant options to look like the cute buttons instead of the dropdown? If your product details page (PDP) uses the "Simple" layout, you can choose to display product variants as buttons instead of a drop-down menu. To learn more, visit Styling store pages. You can style the buttons further using Custom CSS. Did this help? Please give feedback by clicking an icon below ⬇️ creedon 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment