Fix ADD to CART functionality on mobile
Budget: $30 – $250 USD
When you were not logged in and you go to any product and open that product to the product page you will see something (see photo)
Take note of the elements around the ADD TO CART section. When you scroll the photo of the ADD TO CART section disconnects from the sticky mode and becomes part of the product page Sliding with it and a new element called after pay link becomes visible. (see photo)
I would like to make the After Pay link visible even before sliding upward. next issue is when you press add to cart button and you are not logged in A pop-up email entry box will appear for customer to put their email in before letting them add anything to the cart. Once they put their email in and press add to cart button on this pop-up then the size chart will appear. After the customer select a size and Press the add button and the size chart pop up on the right. The product will be added to the cart and the buttons on the bottom section of the product page will change. The add to cart button Still worst same and will allow the customer to add another product a current In that last sentence it should say “…customer to add another product to cart. The button on the right side should become a few heart and take the customer to the cart if they choose. If this button is pressed the customer should go the cart. But when the customer leaves this page or arrows back the stool buttons to go back to the normal way they were with one add to cart button and no button on the right side. It appears the button on the right side stays there no matter which page you go to whenever you go back to my product page.
Sometimes the menu panel on the mobile drops down out of nowhere like this covering up part of the page need that fixed
The button on the right at the bottom should say view cart and reset a little more even in the layout so that it aligns with add to cart button shape size and position. by the way alot of the the code for this will be in the custom "Additional CSS" section. some things may pull from style sheet but i did lots of customizing in customize "additional css" area in CSS. Please whatever changes you make document them or document which files were updated so we can compare changes to live at the end. thx
by the way disregard the cost i put in last paragraph. this was for someone else sandbox.bestfitbybrazil.com. click on any product using your mobile to see what i mean
Take note of the elements around the ADD TO CART section. When you scroll the photo of the ADD TO CART section disconnects from the sticky mode and becomes part of the product page Sliding with it and a new element called after pay link becomes visible. (see photo)
I would like to make the After Pay link visible even before sliding upward. next issue is when you press add to cart button and you are not logged in A pop-up email entry box will appear for customer to put their email in before letting them add anything to the cart. Once they put their email in and press add to cart button on this pop-up then the size chart will appear. After the customer select a size and Press the add button and the size chart pop up on the right. The product will be added to the cart and the buttons on the bottom section of the product page will change. The add to cart button Still worst same and will allow the customer to add another product a current In that last sentence it should say “…customer to add another product to cart. The button on the right side should become a few heart and take the customer to the cart if they choose. If this button is pressed the customer should go the cart. But when the customer leaves this page or arrows back the stool buttons to go back to the normal way they were with one add to cart button and no button on the right side. It appears the button on the right side stays there no matter which page you go to whenever you go back to my product page.
Sometimes the menu panel on the mobile drops down out of nowhere like this covering up part of the page need that fixed
The button on the right at the bottom should say view cart and reset a little more even in the layout so that it aligns with add to cart button shape size and position. by the way alot of the the code for this will be in the custom "Additional CSS" section. some things may pull from style sheet but i did lots of customizing in customize "additional css" area in CSS. Please whatever changes you make document them or document which files were updated so we can compare changes to live at the end. thx
by the way disregard the cost i put in last paragraph. this was for someone else sandbox.bestfitbybrazil.com. click on any product using your mobile to see what i mean