How can I add a "SHOP" button to Hero Banner?

[FelaC]

I want to add a "SHOP" button to the Hero Banner on my Home Page, above the photo, which should redirect users to my collection.

I want the button to be compatible with my Add To Cart button. How can I do this?

I left an example below

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS of Banner Image section 

.banner__box {
background: transparent;
}

[saim007]

@FelaC Please provide store url?

[FelaC]

Sure. 

https://buythewall.com/products/make-america-great-again-supporters-cap

[saim007]

@FelaC You want to show button like this ? 

[FelaC]

Below the image, slightly larger button, bold fonts, rounded corners (6px), background color #1777f2

[saim007]

@FelaC Check this- 

[FelaC]

Like this button. No background, bold font.
There should be some space between the button and text.

[Dan-From-Ryviu]

Hi @FelaC 

Default Image banner has option to add Buttons block so you can add link and text of the button.

Please check in Online Store > Themes > Customize  > Image banner section

 

[FelaC]

Yes, but I don't want the background to be white. How can I do that?

[Dan-From-Ryviu · Accepted solution]

Please add this code to Custom CSS of Banner Image section 

.banner__box {
background: transparent;
}

[FelaC]

Is there any way I can place the button down?

I want it in the centre, between the Adidas - BTW logos.
Thank you.

[Dan-From-Ryviu · Accepted solution]

Select Image banner section, choose Desktop content position is Bottom center

[FelaC]

Thank you.

[Dan-From-Ryviu]

You are very welcome!