Use separate product page for add to cart

15 1 3

Is it possible to use a separate product page to add a product to the cart?


For example, if you look at any of Apple's product pages, they just have information on the product.  There is a sticky header with a buy button, that then takes you to a page to select your options and checkout.


Right now, the only way I can think to do this is to have two divs, one with the info and the other with the checkout and hide the info div and show the checkout div on button click.  The problem with this, however, is that it messes up the back button.


Does anyone know if there is a way to do it as a separate page?



How many products do you need to do it for? Why not just create a regular "page" in Shopify and then include a button image with an href to the product page?


Your other option is in product-template, include a section that just has the product description and then another section that has the variants and checkout and then use some Javascript to hide one section while the other is being viewed. That's a pretty custom solution though.

Making Shopify Tasks Straight Forward. Contact me directly to get help with your Shopify website quickly and painlessly.

1 Like