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?
Topic summary
Main issue: Replace the Expanse Shopify theme’s built‑in background textures with a custom pattern.
Latest update: The poster shared an SVG snippet they believe represents one of the theme’s existing patterns and attempted to insert their own pattern via a hosted image URL. The code places the image URL in the xmlns attribute and includes duplicated/truncated elements, suggesting an incomplete or incorrect implementation.
Details provided:
- Platform/theme: Shopify, Expanse.
- Goal: Use a custom pattern instead of the theme’s default textures tied to color schemes.
- Assets: An SVG code sample and a direct URL to a JPG pattern file are central to the request.
Status: No confirmed solution or guidance posted yet; no replies from others in the thread.
Open questions:
- Correct method to override/replace theme textures with a custom pattern.
- Whether to use an SVG pattern, CSS background-image, or theme asset replacement—and where to reference the custom file in theme code.
- Proper placement and syntax for the custom pattern in the theme.
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”
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.jpg?v=1732471771">
