https://charmente.com/products/v-back-flared-jumpsuit
The video in this product page is great on mobile, but it is way too big on desktop.
For those who don’t know coding:
-
Copy the text code above
-
Go to your Online store > Themes > Three Dots … beside Customize > Edit code
-
Search for ‘theme’ in the box at top left > Click/tap theme.liquid
-
Click in the box of text at centre, then type Ctrl+F and type
-
Paste the copied code below and above
-
Open a new tab (Ctrl+T)
-
In the new tab, navigate to your website page that has the video that’s too large (eg: mywebsite.com - This website is for sale! - mywebsite Resources and Information.)
(If you can’t find this page, you can also get to it this way:
Shopify [not the Customize editor!] > Products > hover over the product and click the ‘eye’ icon beside the product name > in the tab that opens, follow the next steps) -
Right click and select ‘View page source’ (or type Ctrl+U)
-
Type Ctrl+F to search
-
Type “video” [without the quotation marks]
-
Cycle through the results by clicking ‘Next’ or the ‘down arrow that looks like a wide V’ until you find a line starting with:
<section id="shopify-section-template--[numbers]__video_[numbersandorletters] (the [numbers] and [letters] sections are specific to your page and video) </li> <li> <p>Highlight the piece of text between the quotation marks after “</section><section id=” , eg:<br> shopify-section-template–[numbers]_<em>video</em>[numbersandorletters]</p> </li> <li> <p>Type Ctrl+C to copy the text</p> </li> <li> <p>Navigate back to the ‘Edit code’ tab you were first working in</p> </li> <li> <p>Highlight shopify-section-template–21802718724401__5747a917-dc9c-4c2e-b0b5-4d3825306d5d from the code pasted in step 5.</p> </li> <li> <p>Type Ctrl+V to paste the identifier copied in steps 11 & 12</p> </li> <li> <p>Save your code changes by clicking Save!</p> </li> <li> <p>To see if it worked, go back to the tab displaying the product page where the video is too big and refresh the page (it may take a few moments before it propagates, depending on your connection speed and shopify’s servers)</p> </li> <li> <p>Optional: If your video is vertical rather than horizontal, you may want to change the max-width from 600px to 500px<br> [we did - our video is 405px x 720px and setting max-width to 405px made it a little too small for desktop on a 14-15" screen, but 500px wasn’t too large]. You can try any number and repeat steps 17-18 as often as you like to get the right fit.</p> </li> </ol>
you. are. the. BEST. thank you sm!!