How to make image banner clickable in Sh ...

How to make image banner clickable in Shopify Dawn theme?

Nov 07, 2023

You can also use this instruction to make the image banner clickable for other Shopify's free themes.

Required: You must add a link to the button link of your banner.

Please follow the step-by-step instructions below to complete the task.

Banner without a button and texts

  • Go to your Online store > Themes > Edit code.

    image

  • In assets folder, open base.css file

  • Copy the code below, add it to the bottom of the base.css file, and save the file.

.banner__buttons .button,

.banner__buttons,

.banner__box,

.banner__content {

width: 100%!important;

height: 100%!important;

max-width: 100%!important;

padding: 0!important;

position: absolute!important;

top: 0px;

left: 0px;

opacity: 0;

bottom: 0px;

right: 0px;

margin: 0px !important;

}

  • Add a link for your button on the Image banner and remove text in Second button label.image

  • Make sure to enable the options 'Stack images on mobile' and 'Show container on mobile' to ensure they work on mobile.image

I hope my solution worked well for you!

Gefällt dir dieser Beitrag?

Kaufe DanBim einen Kaffee

7 Kommentare

Mehr von DanBim

DatenschutzNutzungsbedingungenMelden