How I can add more buttons in block image-banner?

Store Design
,

Topic summary

A user working with Shopify’s Trade theme wants to add more than the default number of buttons to the image-banner block.

Initial Solutions Provided:

  • Multiple contributors suggest editing the image-banner.liquid file in the theme code
  • Locate the "limit" parameter (typically set to 1 or 2) and increase it to the desired number (e.g., 3, 4, 5, or 6)
  • Access via: Shopify Admin → Online Store → Themes → Edit Code → Sections folder
  • Screenshots and screen recordings were shared demonstrating the exact code location

Follow-up Issue:
After successfully adding multiple button blocks, the user reports that:

  • Buttons are appearing in groups of 2 rather than aligned in a single row
  • Button blocks are sticking together without proper spacing
  • Requests help aligning all 6 buttons in one line with consistent gaps

Status: The spacing and alignment issue remains unresolved. One contributor suggests creating a new thread for this secondary question to help other users find relevant solutions more easily.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hi,

How I can add more buttons in block image-banner?

Shopify theme - Trade.

2

Hello, @Bezpallko
Please share “Store URL”
Thanks!

3

Hi @Bezpallko

To add more buttons to the image-banner block, you can follow these steps:

  1. Go to Shopify Admin → Online Store → Themes → Edit Code.
  2. In the Sections folder, search for the file that contains the image-banner (it’s usually named something like image-banner.liquid or similar).
  3. Locate the line that says “limit”: 2,.
  4. Increase this number to the desired limit (e.g., “limit”: 5,) to allow for more buttons.

For a detailed walkthrough, please follow this screen recording I’ve prepared:
https://prnt.sc/St260jWDU–3

Feel free to reach out if you have further questions or need help implementing this!

Best regards,
Sadikur

1 Like
4

Hello, @Bezpallko I’m sharing screen shot with you..
Go to the Online Store >>> Customize >>> Click on image banner, then follow these steps.
Step 1:

image.png
image.png777×315 44 KB

Step 2:

image.png
image.png361×551 19.9 KB

You can add 2 buttons on image banner
If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

5

Hi, Sadik_ShopiDevs

Preview

it really works, it is possible to add several blocks in multiples of 2 buttons. Help me also align all 6 buttons in one line and also make the same gaps between the buttons. As you can see from the photo, the blocks of buttons stick to each other.
thank you.

6

HI @Bezpallko

In the file image-banner.liquid, the button limit is currently set to 1. You can increase it to 2, 3, or 4, depending on your preference.

image_720.png
image_720.png720×411 71.8 KB

image_720.png
image_720.png720×370 93.7 KB

I hope this helps

Best,

Daisy

7

Hi.
it really works, it is possible to add several blocks in multiples of 2 buttons. Help me also align all 6 buttons in one line and also make the same gaps between the buttons. As you can see from the photo, the blocks of buttons stick to each other.
thank you.

8

Hi @Bezpallko

You can do that by editing the limit value under this line of code: ‘t:sections.image-banner.blocks.buttons.name’ in image-banner.liquid file in Sale Channels > Online Store > Themes > Edit code. Change this value to 3

Screenshot_1.jpg
Screenshot_1.jpg815×400 36 KB

9

HI @Bezpallko

To ensure that other users can find appropriate answers when searching for similar questions on the community, I will address your requests within your original goal.

If this resolves your issue, I will be grateful if you mark our answer as the solution.If you have another question, feel free to create a new thread and tag me. I’ll take a look and do my best to assist.

Best,

Daisy

10

thank you