CSSnoob

@Hi @tuanphan The site will expire tomorrow. I've sent you a private message regarding the invite. Thanks 🙂

Hi @tuanphan Just a heads-up that the duplicate website trial expires on 29th Oct. If you need me to make another duplicate, please let me know. Thanks 🙂

Great @tuanphan I have sent you an invite. If you want to experiment with a video, I have added one to the Additional Info section of this product (you should be able to view it once logged in): https://teal-amethyst-fam2.squarespace.com/shop/p/wood-swatch-bundle-a3n6d It would be amazing if you are able to figure out a code that would automatically affect all product videos, so I don't need to add code for each one individually. Thanks so much!

Thanks @tuanphan I have now duplicated the website. It says I need your name/email to invite you. If you can send me those details, I'll process the invite. Really appreciate your help!

Thanks @creedon I would really appreciate your help with 3.

@creedon Sorry, I just checked again and realised I needed to add some additional code to the footer. The video is now in position. In terms of adjustments, would you be able to assist with the following?: 1. Making the video the full width of the description section? 2. Adding equal padding above and below the video? 3. Placing the video in correct position (above Quantity) on mob? Thanks!

@tuanphan Great, thank you! Option 1 would be my preference. I would be wanting to add a video in this manner to all products, so if there is code to make this easy (without having to target every individual video block), that would be amazing. What are your details for me to invite you to be a contributor? I'm presuming I would set you as Website Editor?

@creedon Sorry, I didn't see the CSS that needed to be added. I think I've now added what you have suggested, but let me know. I've included some screenshots so you can see (at least part of) what I have in my Header Injection and CSS. The other thing I'm confused about is whether I need to fill in the sections which has brackets for "selectorDestination", "selectorParentDestination", "SourceCopy" and "CallBack"? If so, what needs to be there? Thanks.

@creedon I've just re-added all code to the Header injection - if you wouldn't mind taking another look? Yes, a different video per product. As you say, a code that moves all first video blocks as opposed to a specific one would be perfect! Thanks 🙂

Hi @creedon Thanks so much for getting back to me. I'm not particularly knowledgable of this kind of code and am trying to make sense of it, in terms of whether I need to add anything to it? I tried the entire the Elements Manipulate code, and the shorter code above, but neither took effect. Can you advise me? Sorry if I'm being dumb. The plan is to have a single looping video on all product pages, and I was hoping this could be achieved using a single piece of code - but in reality am I going to have to add code per video? Thanks again.

Hi @creedon Thanks so much for getting back to me. I'm not particularly knowledgable of this kind of code and am trying to make sense of it, in terms of whether I need to add anything to it? I tried pasting the entire lot into the header injection, but nothing happened. Sorry if I'm being dumb. The plan is to have a single looping video on all product pages, and I was hoping this could be achieved using a single piece of code - but in reality am I going to have to add code per video? Thanks again.

On this page: https://yeahlaser.squarespace.com/shop/p/wood-swatch-bundle I have added a looping video via 'Additional Info' (currently at the bottom of the page). How can I move it to sit within the product details section on the right (above 'Quantity')?. Thanks.

Hi, I have added a video to my product page via the 'Additional Info' section. I would like to move the video from the bottom of the page to sit perfectly aligned, underneath the product image (see attachment). The video is square, so I don't want excess padding to the left or right. Is this possible? Link: https://www.yeahlaser.com/shop/p/yellow-260 Thanks!

@tuanphan Thanks so much for taking the time to send the code. I have decided to take your advice and abort the idea of videos on the shop page. However, I wonder if you can help me with one of the following alternative solutions: 1. I would like to have a short video clip appear on each product page, but as the secondary image (so it would appear as part of the slideshow of images). Is this possible? I know I can add videos to via 'Additional Info', but I don't like how it appears at the bottom of the page. 2. If the above option isn't possible, is there a way I can use the 'Additional Info' section to upload my video, but use code to position it directly below the main image on both desktop and mob? Thanks again!

@tuanphan Ah yes, I hadn't thought of that. If you don't mind, I would still like the code to test it out. Thanks a lot!

Does anyone know how I can set a short (8 second) looping video to play when hovering over a shop product? I.e. Products have featured images like normal but when you hover over them, a video of the product plays in place of the image. An example of what I mean is here: https://www.henaofx.com/ Website I'm working on: https://www.yeahlaser.com/shop Thanks!

Thanks @Lesum 🙂

Thanks once agin @MayaViolet 🙂

I would like to move add-on products (in this case, 'Polyester Filler') above the 'Add to Cart' button. Any help would be appreciated. A bonus would be if I can also move the add-on's plus symbol to the left of the add-on info/price.

Thanks @MayaViolet - That's perfect. In the case of this website, there will only be one type of add-on, so the code doesn't need to be targeted. One other question: Do you also know if I can move the add-on above 'Add to Cart'?

Hi, I am setting up a product (cushion), and it needs to have the option to add cushion filling for an extra £8.00. I've set this up as best I could, but I don't want the add-on image to be clickable. Clicking on it currently leads customer to a separate page just for the filling, which is unneccessay. Does anyone have any suggestions for adding the filling option and removing any option for the filling to be viewed as an individual product? Thanks!

Oops, sorry @tuanphan Yes, it's: hello

Hi @tuanphan , is this something you would be able to help me with?

I have 3 separate Shop pages, all with products displayed in 3 columns. However, I would like one of those Shops to display the items in 2 columns - is this possible? As it stands, any changes I make affects all pages, so I am in need of some code. Thanks!

Perfect! Thank you @tuanphan