Banner image with text (title and subtile) and cta button

Store Design
, ,

Topic summary

Goal: Add a homepage banner with separate images (mobile/desktop), overlaid text (title/subtitle), and a CTA (call-to-action) button linking to a chosen collection/product/URL. Alignment controls for text/button are desired.

Context update: The store URL was shared (https://electroheads.com/).

Current guidance:

  • A code-free approach was suggested via the Shopify Theme Editor (“Customize”). You can add a banner section in the desired position and set the button link within the editor.
  • Screenshots were provided to illustrate where to add sections and configure settings (images are central to following the instructions).

Further customization:

  • If the built-in options aren’t sufficient (e.g., precise overlay alignment or distinct mobile/desktop behaviors), Liquid (Shopify’s templating language) can be used. The helper requested specifics: exact placement on the homepage and the intended design details to proceed with custom code.

Status: No final implementation confirmed. Next step is to try the Theme Editor solution or provide detailed design/position requirements for a Liquid-based customization.

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

Hi

I am looking for some Liquid to create a section on the homepage which is essentially a homepage banner image (one for mobile and one for desktop) with some text (title and subtitle) and a cta button which can be linked to a collection/product/url of our choice. Ideally the text and button is overlayed on the image with some control over their alignments.

Thanks!

2

Hi,

Can you share your store url

3

https://electroheads.com/

Thank you

4

Hi @Louis-Pastorino ,

You may not need to use code for this. Please go to the ‘Customize’ section.

view (24).png
view (24).png1721×430 59.4 KB

You can add sections to the desired position (highlighted area on the left). And link your button in the right section.

view (26).png
view (26).png1842×875 122 KB

If you want to customize further using Liquid code, please let me know the specific position where you want to place the section and describe the design you want to achieve.