themelego

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 from a blank template, click Create new.
    Or, choose an available template and click
    Modify selected (recommended), you will be navigated to Grid builder page.




  • Enter a name for this modified template, for example: “Quickview template”.



  • These are available elements in selected template (Basic grid: Default), the modified template will be named “Quickview template”.

  • Click + to add Quickview element into this template.






  • All settings are the same as single Quickview element.
    If you change this setting, it will apply to all post in the grid that use this modified template “Quickview template”.

  • Click “Update” button when you done.


  • Go back to your Post Grid element, choose your modified template in Item Design.





Result:



  • Note: If your grid shows post excerpt, disable “Add to post excerpt” in Quickview General Settings to avoid duplicate Quickview button.


Additional: Watch this tutorial video to learn more about Grid Builder: https://www.youtube.com/watch?v=sBvEiIL6Blo

    • Related Articles

    • 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” ...
    • 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 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 ...
    • Marvelous Grid

      For better tutorial, check out video tutorial here. Choose “Marvelous Grid” element. Customize with Marvelous Grid general setting tab: Choose appropriate options for Data via “Data Settings” tab: “Marvelous Grid” has similar options for deeper ...