"SHOP NOW" Button to be always at the bottom of the home page

Solved
Highlighted
Tourist
7 0 1

Hi,

I'm using Debut theme on my store and would like to have "shop now" button also at the bottom centre of the page. 

I know it's possible and not difficult but I'm not into coding so help would be much appreciated.

0 Likes
Highlighted
Shopify Partner
1526 326 443

Hey @leafy,

Please share your website URL and let me know where you need shop now button.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 1

Hi,

My store url is https://uvsolutionsstore.com/

I need the button at the bottom centre of the home page.

0 Likes
Highlighted
Shopify Partner
1526 326 443

Hey @leafy,

I can see on your website. One shop now button on slider. You said you need Shop Now button in the center bottom.

Do you need that button above the footer?

Please elaborate.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 1

Yes, I need it between the features section and the footer.

0 Likes
Highlighted
Shopify Partner
1526 326 443

Hey @leafy,

It needs some customization work.

Let me explain to you here:

Go to Online Store -> Themes -> Customize

1) Select the Home page from dropdown.

2) Add a new section. Select the custom HTML section and add it.

3) Add the following button code there.

<div class="slideshow__btn-wrapper slideshow__btn-wrapper--push">
                      <a href="/products/portable-steriliser-light-ultraviolet-germicidal-lamp-long-service-life-uv-ozone-disinfection-mites-light-for-cars-bedroom" class="btn slideshow__btn" tabindex="0">
                        SHOP NOW
                      </a>
                    </div>

 

4) save this above code and move your section above the footer.

First, you do that and add a button in the bottom later I will give you code. How you can do in the center.

Message me when you have done this.

Thanks

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 1

Thanks, done that and it is there on the left corner. 

What now?

0 Likes
Highlighted
Shopify Partner
1526 326 443

This is an accepted solution.

Hey @leafy,

Please add following code in assets/theme.scss.liquid file

.custom-content .custom__item { margin: 0 auto;}
@media only screen and (min-width: 750px){
.custom-content .slideshow__btn-wrapper--push {
    margin-top: 0px;
    margin: 0 auto;
    justify-content: center;
    display: flex;
}
}

@media only screen and (max-width: 749px){
.custom-content .slideshow__btn {display: block;}
}

 

Check if this works for you.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
7 0 1

Thank you! Works as I wanted.

1 Like