Home
Docs
How to Customize the Pull Out Drawer

How to Customize the Pull Out Drawer

Try Orderable

Dive into Orderable’s demo and experience the future of hassle-free online ordering.

Try Orderable

Join our Community

Join our community to connect with fellow users and share tips.

When a customer clicks on a product in your product layout, you can either have nothing happen, have the product added to the customer’s cart, or have a pull out drawer appear.

This drawer can contain any of the following:

quick view pull out drawer

In this guide, we’ll show you how to activate this and customize it to suit your store.

To activate the pull-out drawer, take the following steps:

  1. From your WordPress dashboard, go to Orderable > Product Layouts.
  2. Scroll down the page until you reach Clickable Card. The dropdown next to this will allow you to decide what will happen when a customer clicks on a product in your product layout. Change this to Quick View Product.
quick view product drawer
  1. Once happy, scroll to the top of the page and click the Update button.

Next, we’ll customize the pull-out drawer, or quick view layout itself. To do this, take the following steps:

  1. From your WordPress dashboard, go to Orderable > Settings and click the Side Drawer tab/link at the top of the page.
quick view drawer settings
  1. Firstly, you can change the Accordion Position. This will contain your product description and nutritional information should you add it.
  2. Next, you can select if you want the product description to be in full, short, or not display at all.
  3. Once you’re happy with your changes, click the blue Save Changes button and your pull-out drawer will be updated.

Get Your Restaurant Online With Orderable

The WooCommerce plugin designed to help restaurants take orders online – with no added fees!

View Pricing
Get started with Orderable