Shopify themes, liquid, logos, and UX
Hi, I am building a new site using the Expanse theme and I have a pattern of my own I would like to use, in place of the textures that are available with each colour scheme. Does anyone know how I can do this, please?
Thank you! So if this is the code for one of the existing patterns:
<svg
width="20"
height="20"
viewBox="0 0 100 100"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M69.3278 7.93457L66.9515 8.42285C66.9515 8.42285 57.8832 10.304 47.168 14.7054C36.4528 19.1068 23.8028 25.9508 16.4714 36.9303L16.4062 37.0199L16.3493 37.1094C12.9884 42.7563 12.5 48.1832 12.5 52.3437C12.5 60.2907 16.2376 67.0126 21.0693 71.6553C23.1262 73.6317 25.3922 75.1996 27.7344 76.4486C23.8021 79.3887 19.5825 81.8496 15.1204 83.6344L18.2129 91.3656C40.61 82.4067 56.8579 60.5364 62.3535 38.4521L54.2643 36.4421C51.2377 48.6044 44.2758 60.9179 34.8063 70.345C32.3337 69.6138 29.3372 68.0419 26.8473 65.6494C23.3457 62.2848 20.8333 57.6759 20.8333 52.3437C20.8333 48.7672 21.1429 45.4471 23.4863 41.4632C29.1967 32.9912 40.4093 26.4886 50.3337 22.4121C58.9501 18.8728 64.3244 17.7908 66.1702 17.3747C75.1641 28.6864 79.0385 42.5891 79.1585 51.6276C79.2839 60.995 76.8622 67.7738 73.2585 72.2168C69.6682 76.6432 64.8873 78.9148 59.3425 79.1504C56.8634 79.1191 54.0356 79.2315 49.9268 76.0742L44.8486 82.6823C50.9412 87.3639 57.1256 87.4645 59.3913 87.5H59.5052H59.6191C67.3853 87.1919 74.6632 83.7104 79.7282 77.4658C84.7932 71.2213 87.6373 62.3919 87.4919 51.5218C87.3359 39.7754 82.7502 23.1766 70.931 9.74935L69.3278 7.93457Z"
/>
</svg>
I would change it as follows?
<svg
width="20"
height="20"
viewBox="0 0 100 100"
fill="currentColor"
xmlns="'https://raven-botanicals.myshopify.com/s/files/1/0488/0973/8392/files/Raven_Botanicals_Pattern_RB08....>
<path
d="M69.3278 7.93457L66.9515 8.42285C66.9515 8.42285 57.8832 10.304 47.168 14.7054C36.4528 19.1068 23.8028 25.9508 16.4714 36.9303L16.4062 37.0199L16.3493 37.1094C12.9884 42.7563 12.5 48.1832 12.5 52.3437C12.5 60.2907 16.2376 67.0126 21.0693 71.6553C23.1262 73.6317 25.3922 75.1996 27.7344 76.4486C23.8021 79.3887 19.5825 81.8496 15.1204 83.6344L18.2129 91.3656C40.61 82.4067 56.8579 60.5364 62.3535 38.4521L54.2643 36.4421C51.2377 48.6044 44.2758 60.9179 34.8063 70.345C32.3337 69.6138 29.3372 68.0419 26.8473 65.6494C23.3457 62.2848 20.8333 57.6759 20.8333 52.3437C20.8333 48.7672 21.1429 45.4471 23.4863 41.4632C29.1967 32.9912 40.4093 26.4886 50.3337 22.4121C58.9501 18.8728 64.3244 17.7908 66.1702 17.3747C75.1641 28.6864 79.0385 42.5891 79.1585 51.6276C79.2839 60.995 76.8622 67.7738 73.2585 72.2168C69.6682 76.6432 64.8873 78.9148 59.3425 79.1504C56.8634 79.1191 54.0356 79.2315 49.9268 76.0742L44.8486 82.6823C50.9412 87.3639 57.1256 87.4645 59.3913 87.5H59.5052H59.6191C67.3853 87.1919 74.6632 83.7104 79.7282 77.4658C84.7932 71.2213 87.6373 62.3919 87.4919 51.5218C87.3359 39.7754 82.7502 23.1766 70.931 9.74935L69.3278 7.93457Z"
/>
</svg>
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024