themelego

Quick View Shortcodes

[wp_quick_view

text="Read now"

button_size="lg"

button_position="right"

primary_color="#dd3333"

el_class="button_class_custom"

size="medium"

template="overlay"

animation="move-from-top"

lightbox_class="lightbox_class_custom"

id=”1234”

url="http%3A%2F%2Fvckit.dev%2F2017%2F03%2F29%2Fjesica-abba%2F" ]


The quick view shortcode can be describe as above.


  1. Button size

The button size:

  • md

  • lg

  • sm

  • xs


  1. Button position

The button aligment

  • inline

  • left

  • center

  • right


  1. Text

The text on the button, for example: Quick view


  1. Primary color

The primary color of the button


  1. El class

The custom class for button


  1. Size

The lightbox size:

  • full

  • large

  • medium

  • small


  1. Template

The lightbox template:

  • basic

  • overlay

  • magazinetop

  • push

  • fadeout

  • sliced

  • side

  • sidefixed

  • grid

  • Jam3


  1. Animation

Lightbox animation when open (see more)

  • none

  • with-fade

  • zoom-in

  • newspaper

  • move-horizontal

  • move-from-top

  • 3d-unfold

  • zoom-out


  1. Lightbox class

Custom class for light box


  1. ID

The post id to open quick view


  1. Url

The url to open quick view encoded (instead of ID, the url will work when quick view doesn’t has id attribute)


    • Related Articles

    • Quick View Configuration

      After installing, the Quickview configuration tab will appear on the left panel of your Dashboard. This is where you can adjust settings for global Quickview button. Note: The settings you change in here will apply to all Quickview buttons in your ...
    • Quick View in Post Grid

      To add Quickview button to Visual Composer’s grid, you need to create new or modify a grid template. All Visual Composer’s grid elements have “Item Design” tab to choose grid template. For example: Visual Composer Post Grid: If you want to create ...
    • Quick View in Visual Composer

      Quick view can work alongside with Visual Composer. We’ve provided the button to open quick view link. You can add single Quickview button anywhere on your page using “Quick view” element in Visual Composer. If you want to add Quick view button in ...