How to make slideshow images clickable without a button

Store Design
, ,
1

hi, my site is primarymenswear.com , using the berlin theme. i would like to make a slideshow image without having the button, for example i would like to remove the black button and use the white one as link that is already on the image, how do i do this?.

image
image374Ă—432 55.2 KB

1 Like
2

Hey @primarymenswear,

The requested changes requires to do the custom code in your theme file. Could you please share the Store url and collab code in the p/m so that i can take a look and implement the requested changes. Waiting to hear back from you.
Thanks

3

@primarymenswear Hi there,

In the Berlin theme, slideshow sections automatically add a button if you’ve entered a link or button label in the section settings. If you’d like to only use the white button that’s already part of your image (and remove the black Shopify-generated button), you can do this in a couple of ways:

Option 1 – Theme editor (no code):

  • Go to Online Store → Customize → Slideshow section.

  • Remove the “Button label” and clear the “Link” field.

  • This will remove the black button completely, leaving only your uploaded image (with your own white button design).

Option 2 – Code edit (if you still want a link but no default button):

  • Go to Online Store → Edit code → Sections → slideshow.liquid (name may vary).

  • Find the block that outputs the button, it usually looks like:

    {% if block.settings.button_label != blank %}
  <a href="{{ block.settings.button_link }}" class="button">{{ block.settings.button_label }}</a>
{% endif %}

  • Comment it out or remove it.

This way, your image’s built-in button design is all that shows, and you can still make the slide clickable by setting the “Image link” field instead of using the Shopify button.

4

Hi @primarymenswear,

Please go to Actions > Edit code > Sections > slideshow.liquid file. Please send me the code of the file, I will check and guide you to change it.

5

@primarymenswear using css it is possible to hide black button and make entire image clickable…. white button is part of image and hence it will not be separately clickable

6

(post deleted by author)

7

hi there is no image link setting, so once i remove the button, it just makes it so there is no link at all

8

hi i have sent it to you

9

can anyone help?, there is no option to remove the button and i do not know what code to input

10

Hey @primarymenswear,
If you could share the collab code then I can help with that.
Thanks

11

(post deleted by author)

12

Hi @primarymenswear

Option 1: Hide with CSS (easiest & safe)

  1. In your Shopify admin, go to
    Online Store → Themes → Customize.

  2. Open Theme settings → Custom CSS (if available).
    If not, go to Edit code → Assets/theme.css (or base.css depending on Berlin version).

  3. Add this CSS snippet:

/* Hide slideshow buttons */
.slideshow__btn,
.slideshow__button,
.slideshow__text-link {
  display: none !important;
}

This will completely hide the slideshow button overlay.

Option 2: Remove from Liquid (cleaner, no extra code)

If you’d rather remove the button at the code level:

  1. Go to Online Store → Themes → Edit Code.

  2. Find the section file for the slideshow:
    It should be something like:

    • sections/slideshow.liquid

    • or sections/hero.liquid (sometimes in Berlin theme).

  3. Look for the button code, usually inside something like:

{% if block.settings.button_label != blank %}
  <a href="{{ block.settings.button_link }}" class="slideshow__btn">
    {{ block.settings.button_label }}
  </a>
{% endif %}
  1. You can delete or comment out that part:
{%- comment -%}
<a href="{{ block.settings.button_link }}" class="slideshow__btn">
  {{ block.settings.button_label }}
</a>
{%- endcomment -%}
  1. Save.

Now, only your image-based button will remain.

Recommendation: If you might use buttons again in other slides later, use Option 1 (CSS) so it’s easy to bring back. If you never want them, use Option 2 (Liquid edit) for a cleaner codebase.

Regards,
EmbedAny Support

13

@primarymenswear Hi,
have you get it done or still on it so i can help

14

yes it says content is invalid

15

still on it, nothing working

16

non of this works, the first option doesnt get rid of the button adn the second option that line of code is not there

17

image
image516Ă—321 8.89 KB

has this got anything do wiht it?

18

@primarymenswear You can definitely remove the black button in the Berlin theme slideshow and keep only your custom white button that’s already part of the image. Here’s the simple way to do it:

1. From your Shopify Admin, go to Online Store → Themes → Customize.

2. Open the Slideshow section where your image is added.

3. Under the settings, delete the button text & link — this will remove Shopify’s default black button.

4. Since your white button is already included inside the image itself, it will now be the only visible button, and you can hyperlink it directly in your image design before uploading.

:light_bulb: Alternative (if you prefer code):

Go to Online Store → Themes → Edit Code.

Open slideshow.liquid (in Sections).

Find the button markup (usually <a class="slideshow__btn or similar) and wrap it in a Liquid condition or comment it out.

Example:

{%- comment -%}

{{ block.settings.button_label }}

{%- endcomment -%}

That’s it — the default black button will be gone, and your white button on the image will act as the main call-to-action.

19

(post deleted by author)

20

@primarymenswear- if you can provide me the collab access, then I can do it for you and let you know all the settings made