Adding media to product

AlexandraM93
Excursionist
31 0 12

Hi everyone,

 I am using the supply theme. I put in custom coding in past so can’t update at this stage. Does anyone know the code needed to add video media to a product? And which location this code should be pasted  

 

I was also wondering if anyone has in the past increased width dimensions of the theme as I am finding it to be a bit narrow. 

Alex 

Replies 3 (3)
Moira
Shopify Staff
480 72 81

Hey @AlexandraM93!

I have found another community thread where a Shopify Expert has provided the coding needed to implement product media within the Supply Theme:

We also have some great Shopify resources that go into more detail about making this change to your theme:

I wouldn't recommend making the Supply theme any wider as it isn't designed with a wide layout in mind. For options to have a wider theme, I'd check out a theme designed with a wide layout from the Theme Store. Changing the width of the main site wrapper in Supply will slightly mess up the quality of the slideshow and your grid layout across the site on larger screens.

Although, if you wanted to give this a try, you just need to add the following to the bottom of the theme.scss.liquid file:

main.wrapper {
  max-width: 1060px;
}

Followed by adjusting 1060px to whatever you prefer. For further guidance, you can check out this community thread where a few merchants had the same request:

Important Coding Reminders: If you make changes to the original code and save the changes, you will not be able to revert back. We always suggest you first duplicate the theme and work in the duplicate. That way you can always go back to your previous version. If you need custom changes but would prefer the help of a developer we recommend Shopify's own Expert Marketplace.

As you continue to customize your theme, it’s a good idea to make design and content choices that help to keep your online store accessible. I suggest taking a look at this guide for tips on providing an inclusive experience for your customers. We also have a fantastic help doc that goes over all the ways you can customize your Shopify Supply Theme.

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

AlexandraM93
Excursionist
31 0 12
Hi Moira,

thank you for responding, I have switched themes as i found the process to
be too complex for my skillset!!

Thank you again for your help
Moira
Shopify Staff
480 72 81

My pleasure @AlexandraM93, don't hesitate to reach back out if you require any further assistance as you continue to work on your store! 

All the best,

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog