Advanced Customization
How to Add Custom CSS and JavaScript to Your Spectra Theme?
For users who want to go beyond the default settings, you can easily add custom CSS and JavaScript to further personalize your store.
- Adding Custom CSS:
- Navigate to the Shopify admin, then Online Store > Themes > Actions > Edit Code.
- Open the theme.scss.liquid file to add your custom CSS.
- Adding JavaScript:
- For custom functionality like pop-ups or sliders, you can add custom JavaScript by editing the theme.liquid file.
Make sure to test all changes on a staging environment to avoid affecting the live store.
