Clickable ionic-footer

#1

hey guys, can anyone help me how can i have a footer or button fixed n the bottom of the screen (don’t scroll down) ? (i’m sending a sample below )
i also want it to be clickable!

index
index.jpeg650×1080 17.1 KB

#2

Hi @ghonche-yqr! :wave:

I’m not sure of what you’re trying to do. Are the “ADD TO CART” and “BUY NOW” buttons ion-button? In Angular you can make any button clickable with (click)="myFunction()". If they’re not really buttons, you can also add the tappable attribute to remove the 300 ms delay on touch devices and show the hand cursor on desktop.

Best,
Rodrigo

#3

hey friend,
since ion-footer is written out of ion-content tags, (click) attribute doesn’t work on it and it’s content. my problem is this.

i don’t know what should he “ADD TO CART” and “BUY NOW” buttons be! this is the screen shot of what i wanna make.
thank you very much for your help.

#4

The (click) event binding also works in an ion-footer outside of ion-content, same with ion-header. Can you share your template (HTML) code?

#5

my problem solved
thank you


<ion-footer>
    <ion-toolbar >

            <div (click)="shop(item.id)">
               ADD TO CARD
            </div>

    </ion-toolbar>
</ion-footer>