View Single Post
  #4  
Old 07-06-2011, 11:10 AM
Eugene Rimmer's Avatar
Eugene Rimmer Eugene Rimmer is offline
Senior Member
 
Join Date: Jan 2011
Location: Ecwid headquarters
Posts: 7,765
Default

I was talking about embedding a product browser on another page and redirecting your customer there. That can be done with ecwid_ProductBrowserURL option.

However, if you want to have the bag and checkout on the same page, but the other parts of the shop completely hidden, you can do the following trick:

1. Embed a product browser widget onto the page in question.
2. Add the following code to your Ecwid CSS theme:
Code:
div.ecwid-productBrowser{
	display: none;
}

div.ecwid-productBrowser.ecwid-productBrowser-CartPage,
div.ecwid-productBrowser.ecwid-productBrowser-CheckoutShippingAddressPage,
div.ecwid-productBrowser.ecwid-productBrowser-CheckoutPaymentDetailsPage,
div.ecwid-productBrowser.ecwid-productBrowser-CheckoutPlaceOrderPage,
div.ecwid-productBrowser.ecwid-productBrowser-OrderConfirmationPage {
	display: block;
}
It will hide all pages of product browser, except for checkout steps. Generally, it will look like this: when the 'Continue shopping' button is pressed, the bag / checkout is just hidden.

3. I would also recommend to add the minicart widget to the page - this way your customers can proceed to the bag and checkout pages at any moment.