How can I add a shaped texture to section borders on my store?

Store Design
, ,

Topic summary

Goal: add a shaped/“wavy” texture between sections, similar to the second section on eatbanza.com. Animation is optional; looking for CSS/Liquid approach.

Guidance offered:

  • Suggested approach is to insert a custom-liquid section acting as a styled spacer between sections.
  • Use a background image (uploaded asset) or implement CSS-based shapes. A placeholder Liquid line to assign a background URL was shown.
  • Request for context was made: store URL, theme name, post URL, and more details; services offered if needed.

Latest update/problem:

  • The requester uploaded the wave crest image to Shopify content Files and used the provided file link in the code.
  • Their implementation triggers a syntax error; a screenshot is attached (central for diagnosing the exact issue).

Notes:

  • “Custom-liquid section” refers to adding a section that accepts Liquid (Shopify’s templating language) for custom markup/styles.
  • The shared code snippet is minimal and appears to be a placeholder requiring a proper asset URL and surrounding implementation.

Status: unresolved. Next steps depend on sharing the exact code, theme/context, and reviewing the error shown in the screenshot.

Summarized with AI on January 16. AI used: gpt-5.
1

I am looking to add a shape effect to some section borders on my store. Like the second section here: https://www.eatbanza.com/. Animation would be nice but is not necessary.

Does anyone know the CSS code to achieve this and exactl

2

If you need a customization like that including animation then contact me directly by mail for services.
Please always provide context, examples: store url, theme name, post url(s) , or any further detail.
Contact Info in signature.

If it’s a styled spacer between sections just add a custom-liquid section between the other sections using code roughly like below where you add a url from an image used for the background, or replace it with some advanced code for CSS based shapes:

{% assign background_asset_url = "" %}

Good Hunting.

3

Thanks Paul, I understand the concept but I am struggling with the image link. The image (one crest of the wave) is uploaded to my content Files and I am using the link provided there. Any idea why the code is returning a syntax error? See screenshot attached.