i need some help with moving the product switcher to the bottom of the page in mobile devices only.
when someone is on the product page and goes to the bottom of the product page, there i want to give the option to switch to next product or back.
i have tried with css this way
- display: inline-block;
- width: 100%;
- position: fixed;
- text-align: center;
- bottom: 0px;
but it is not a pretty way.
maybe there is a way to show the block only when the user reaches the bottom of the page or a better way.
or at least to show the Product-Switcher after the Product Tabs
in a way that the user is done with product images, product price and other things about the product like , description, features and so on, only then show "Go to next Product" because at the top of the page it does not make any sense to me to show the product switsher.
Any help is appreciated