ArtSpeaks
Member-
Posts
8 -
Joined
-
Last visited
ArtSpeaks's Achievements
Level 2 (2/20)
0
Reputation
-
Make a dropdown navigation folder not clickable
ArtSpeaks replied to laurentaylar's topic in Customize with code
@tuanphanThank you so much! It worked but now when i click the title of the heading the menu folder closes! What should i do ? -
ArtSpeaks reacted to a post in a topic: [Share] Accordion Block: Useful code
-
ArtSpeaks reacted to a post in a topic: [Share] Accordion Block: Useful code
-
@bangank36Thank you so much man!! It worked!!
-
Adding color boxes to choose product variants
ArtSpeaks replied to seanhoyt's topic in Customize with code
Hey @tuanphan! Does this mean there is no code available to add this feature? Ultimately I would like to color product variants to look like this: Check Hood Cotton Blend Hoodie in Black - Men | Burberry® Official @seanhoyt If you can help me with the code that can be added to Code Injection/CSS would be soo helpful! Thanks man -
How to add accordion functionality into product description ?!
ArtSpeaks replied to ellerxyz's topic in Customize with code
Thank you so much this is what I was also looking for!! Now I tried adding it to the original code like this: <script> (function(){ var accordion = document.querySelector('.ProductItem-additional'); var description = document.querySelector('.ProductItem-details-excerpt'); if(accordion && description) { // Remove accordion from current position. accordion.parentNode.removeChild(accordion); // Add accordion after the description. description.after(accordion); } })() (function(){ var accordion = document.querySelector('.ProductItem-additional'); var cartButton = document.querySelector('.sqs-add-to-cart-button-wrapper'); if(accordion && cartButton) { // Remove accordion from current position. accordion.parentNode.removeChild(accordion); // Add accordion before the cart button. cartButton.before(accordion); } })() </script> That didn't work so I was wondering how do I add those lines of codes to move the cart button below the description but above the accordian? Thanks you guys have been amazing to us who don't know much about code lol! -
Site URL: https://www.humblux.com/black-et-blanc/humblux-official-logo-white Hi, I have a few color variants for my products. Currently when I add all the variants onto the the product page. They are all displayed (Black hoodie, white hoodies etc.) on the product page one below the other I don't want that (i took it off that page. I also am using the "Stacked" design for the product gallery (design settings) I prefer that over the slideshow. Now I want users to only see the product color that they click on (please see the link below from the Burberry site) Current product page link: https://www.humblux.com/black-et-blanc/humblux-official-logo-white Someone here suggested this plugin: Product Color/Image Swatch Variant Plugin - SQSPTHEMES.COM However, I see they only use slideshow feature design in the live demo. Is there any code customization that i can add to achieve my goal. (i.e. Burberry product page for example)? If there are any other plugins out there available that i can help me please let me know! And if there's any code that I work on myself, im ready to get to work! Any help would help! Thanks!
-
Site URL: https://www.humblux.com/black-et-blanc Hey, I currently added my product photos into my store page, however, i notice an issue with all of my product photos except for one of them. For instance, product called "DY 001" displays what I want but the product called "Humble Hoodie Blanc" shows the hoodie behind the model photo when you scroll over the image. What i want is when a user hovers over the product (i.e. the hoodies in this case) the model photo appears without the product in the background. Not sure if this is the right category to ask this question but since I've added quite a few customized codes onto the site, I thought maybe it might be an issue that is cause from some other code or plugin i placed on to another page. https://www.humblux.com/black-et-blanc Any help would help!
-
How to Freeze Product Item Details on Product Page from Scrolling?
ArtSpeaks replied to baez's topic in Site Design & Styles
@tuanphan Yea thank you so much i seen you answer someone else in another thread! -
How to Freeze Product Item Details on Product Page from Scrolling?
ArtSpeaks replied to baez's topic in Site Design & Styles
Hey, have been triying for so long to get it but it just dosent seem to work @tuanphan I tried every css code in this thread. Is it maybe because i need to adjust the settings in the site styles? Here is the page: HUMBLE WHITE HOODIE — HUMBLUX I want the product description page to be fixed while the product image gallery is scrollable like this page: Tinted notebooks — Maison Mariet If you can help a friend out with this would be really helpful! Thanks man!