Skip to main content

Uber Like Layout

Uber Like Layout​



You can have your product layout same as the Uber layout by this Booking Plugin RnB.

Step By Step procedures​

To work with RnB Uber Like Layout you've to enable and add Google Map API key on,

  • wp-admin -> WooCommerce -> Settings -> RnB Settings -> General

EnableGoogleMap.png

Now go the Products from Admin Dashboard

info

We assume that you have some rental products and choose one product among them. In to that chosen product's Edit Product page go to Product Data section, then click on Settings and from Settings click on Conditions Tab.

SelectModelLayout.png

Now Click on Update then click on Preview Changes

Now click on Set Location & Book.

SelectLocation.png

Now select Inventory. If you add multiple Inventory on a single product from the backend, then the customer can choose inventory from that dropdown.

SelectInventory.png

Now Give Pick Up & Drop Off location and Click on Next

SelectPickupDropOff.png

Now select Pickup Date & Time, Return Date & Time and finally click on Next.

SelectDateTime.png

Now Select resource and click next.

SelectResource.png

Now Select adult and click next.

SelectAdult.png

Now Select deposit and click next.

SelectDeposit.png

And finally, you'll see a price summary like this.

FinalPrice.png

Now Click on Finish Process.

FinalProcess.png

Now Click on Book Now.

ClickBookModel.png

With that, the product will be added to the cart, and now you can proceed to checkout like other WooCommerce products.

UberCart.png