scrollable list – Content Views Pro

Skip to content

Content Views Pro

Demo
Docs
Pricing
Blog
Contact
Login

Content Views Pro

Get The Plugin
Getting Started
Classic Views (shortcode)
Gutenberg Blocks

Classic Views (shortcode)

3

How to use prebuilt Patterns on View shortcode?
How to insert View shortcode (to Classic Editor, Block Editor, and Page Builder)?
How to create View shortcode?

Gutenberg Blocks

5

How to Copy a block pattern, template?
How to use prebuilt Templates?
How to use prebuilt Patterns?
How to add blocks to the Block Editor?
All Blocks Demo

Customization

79

Live Filter – show filters on the left side of result (or vice versa)
Live Filter – use Dropdown type on mobile devices
Live Filter – change the appearance order of filters
Thumbnail Style
Show bullet list with Grid layout
Pagination – hide the First, Last button in the Ajax numbered pagination
How to disable scroll to top on click Ajax pagination pages?
Glossary layout – hide all posts at beginning, show on click A-Z letters
Live Filter – custom style for the Checkbox type
Glossary layout supports pagination
Change border (width, style, color) of Read More button
Live Filter – hide the Submit, Reset button
Prevent images in View from being pinned to Pinterest.com
Glossary layout – hide the “All” option
Live Filter – disable loading results on changing filter option, only loading on click “Submit” button
Pagination – hide the caret (the down arrow) in the “Load more” pagination
Shuffle Filter – remove scroll bar in “Group by Taxonomy” type (checkboxes)
Prevent the same posts from showing in multiple Views on a page
Live Filter – set default sort option
Live Filter – change/translate the Submit, Reset button text
Add “title” attribute to links
Live Filter – show checkboxes and radio buttons horizontally in rows and columns
Lightbox – change background color, opacity, close icon…
Pagination – trigger custom Javascript action after clicking a page number
Live Filter – hide the “ALL” option of the Button type
Pinterest – equal height columns
Link Media to the file itself, instead of the media page
Live Filter – hide all posts at the beginning
Pagination – modify label: first, last, prev, next in the Normal pagination (no Ajax)
Show borders around each post in Grid
Live Filter – show filters vertically or horizontally
Scrollable list – fade effect (instead of slide)
Style Settings – Use custom font name
Pagination – CSS selectors
Live Filter – change background and text color of label, submit and reset buttons, and others
Read More button – add custom class
Live Filter – show the Submit, Reset button
Collapsible List – custom style (color, border, etc.)
Show taxonomy term without hyperlink (disable link of taxonomy term)
Show thumbnail without hyperlink (disable link of thumbnail)
Set custom text for an URL custom field
Live Filter – set default filter (activate a filter at the beginning)
Show the word “By” before Author name
Disable lightbox on mobile devices
Use custom title for posts in View
Link the custom field to the URL of the post
Change the “No posts found” message
Collapsible List – prevent hiding opened items on click an item
Glossary layout – create indexes from second word (last name, surname)
Add custom CSS class to post title
Shuffle Filter – set default filter (activate a filter at beginning)
Scrollable list – vertical scroll
Format a numeric custom field value
Media file links to the post which it is attached to
How to link the thumbnail to its full image?
Change comments count text
Display the first image of content as thumbnail
Shuffle Filter – show Dropdown options in 2 columns
Change the default thumbnail image
Show more than 10 advertisements (increase ads limit) in View
Shuffle Filter – hide all posts at the beginning
Show a numerical sequence list with Grid layout
Customize the HTML template/structure of each post
Customize icon for each post category, tag, taxonomy term
Disable post’s link (prevent click on title, thumbnail image)
Live Filter – translate text of the Date field
Display posts right to left (RTL)
Show an image custom field as thumbnail
Collapsible List – change color of +/- icon
Shuffle Filter – show the filters on the left and the result on the right, or vice versa
Change color of the Read More button
Show author name without hyperlink (disable author link)
Social buttons – use custom icon
Change loading icon for pagination, Pinterest layout…
Social buttons – custom size
Social buttons – gray color
Scrollable list – customize style, color, position…
Remain styling, paragraphs in Excerpt (allow more HTML tags in Excerpt)
Change HTML tag for Title

Getting Started

1

How to install?

How to

57

Allow users to manage (add, edit, delete) the views
Prevent changing URL with Ajax pagination
How to change Opacity of Background color?
One and others layout – Bottom aligned, same height
How to show modified date instead of published date?
To not display posts from a certain category/tag
Show posts list of custom code, api, or another plugin in Content Views Pro layout
Frontend filter posts by years (display yearly archives), by published date
Zigzag thumbnail vertically (alternate thumbnail position)
Convert some categories to a custom taxonomy
Show the structured data (schema markup) of the WordPress posts list
Add custom text, HTML, … before (or after) the Title, Thumbnail, Content, Meta Fields, Custom Fields
Change the separator between categories, tags, taxonomies
How to show the most popular WordPress posts?
Add taxonomy term slug (category, tag, custom) as HTML class of the wrapper div of each item
How to add custom field to WordPress posts, pages?
Customize “Read More” text for each post
Grid – equal height columns
How to add custom CSS for Content Views (free) version?
Show taxonomy term (category, tag, custom taxonomy) on top left of the thumbnail
How to add custom JavaScript for Content Views (free) version?
Show very custom HTML, text, image… (which is not a part of a post, page) in View
Shuffle Filter – add “Clear” button for checkboxes type
Filter posts by published date (show today, yesterday, this week, custom date… posts)
How to add “NEW” icon after recent post title?
Shuffle Filter for Pages
How to remove Private, Protected prefix from WordPress post title?
How to set dynamic value when filter by a custom field?
Pagination – Change number of pages to show
Scrollable list – add a Pause button
How to show images in a same size when they are different?
How to show posts of currently logged in user (user sees his/her own posts)?
Add new social share buttons (WhatsApp, Tumblr, Parler, Email)
Show only Next, Previous button in “Normal” pagination
How to show child pages of the current page?
How to limit Title length?
How to show information (custom field, meta field…) of the current post, page, custom post?
Add custom text, HTML at the end of post
Enable Lazyload for image, iframe
Fix issue “Element style not allowed as child of element div in this context” from validator.w3.org
Show only N posts of each selected term (category, tag …)
Shuffle Filter – use Dropdown type on mobile devices
Sort by custom field – set MySQL date format
Show PDF media file as embed object
Show Views in columns
Show tabs with Content Views
Increase the WordPress Memory Limit
Show specific taxonomies in Meta fields (for example: show category and hide tag)
Custom field – add text, icon, HTML… before/after the value
Collapsible List – open all items on page load
Collapsible List – uncheck “Open first item by default” in all future created Views
Backup, export, transfer Views from dev to live site
Show thumbnail (image) on the left/right of text
Create child theme
Display WordPress category name above posts list (display term as heading)
Translate texts and strings of Content Views (Pro)
Display posts in Sidebar

Quick References

31

Find all pages (or posts, custom posts) that used Content Views shortcode
Show Sticky Posts
Layout (grid, pinterest, and more)
How to switch from Live Filter to Shuffle Filter?
Filter by Taxonomy (category, tag, custom taxonomy)
Sorting by Drag & Drop
Overlay image with title, content… permanently
How to switch from Shuffle Filter to Live Filter?
How does Content Views Pro get the thumbnail?
Show advertisements in View
Enable Pagination
Shuffle Filter
Remove the “Read More” button in CVP
Style Settings (color, font, align, padding, margin, and so on)
Filter posts by Status
Show multiple languages (multilingual) posts with WPML, Polylang plugin
Overlay thumbnail with (or without) text
Show social share buttons
Show manual excerpt of WordPress post (Pro version)
Sort/Order the WordPress posts in View
Open in Lightbox of Thumbnail
Show multiple post types on a View
Display Media files
Filter by Custom Field
Display media (Youtube/Vimeo…) as thumbnail
Open in new Window
Open in Lightbox of Post content
Display text right to left (RTL)
Display content on mouseover (hover)
Display term (Category, Tag, Taxonomy) as output
Change display order/position (move Title above Thumbnail, Date above Content, etc.)

Troubleshooting

6

Live Filter – force to reload/refresh on changing filter
Scrollable list – Fix: click on next/prev button caused the page to scroll
Fix – images look blurry
Random order doesn’t work in the WP Engine Hosting
Scrollable list – Fix: click on next/prev button doesn’t work
Collapsible List – Fix: post doesn’t expand on click heading

Others

4

Control the post info (title, description, image) when you share on Facebook
Debug: show database query statement of Views
How to get the real error message of 500 error in WordPress (for debugging)?
What is the ID of View?

Work with themes & other plugins

31

How to use the sorted order of a Post Order plugin in View?
WooCommerce – show “In stock”, “Out of stock”, “On Backorder” text on products
How to show Recurring events of Events Manager plugin
Show more information of ACF post object custom field
Translate View by Polylang plugin
Hide recurring event instances of The Events Calendar plugin
WooCommerce – hide ‘Out of stock’ products
Use a third-party lightbox
WooCommerce – show the “NEW” badge for the latest products
How to show private bbPress forums
How to show events of Event Organiser plugin
How to display entries submitted via Gravity Forms plugin?
How to show events of Events Manager plugin
WooCommerce – filter products by catalog visibility
Replace layout in RocketTheme themes (use the Gantry framework)
Woocommerce – hide “Add to cart” button but show the Price
How to show all authors of Co-Authors Plus plugin?
Woocommerce – change the text of “Add to cart” button
Replace Woocommerce related products layout
Replace Woocommerce layout in the Shop, Category… page
bbPress – show reply of a topic, show topics of a forum
How to show events of The Events Calendar plugin
Show results of FacetWP by Content Views Pro layout
Show multiple languages (multilingual) posts with WPML, Polylang plugin
Translate text using WPML
Use excerpt generated by Advanced Excerpt plugin
Show Youtube video from WP YouTube Lyte plugin
Show upcoming/future, past, today events (of The Events Calendar, Events Manager, Event Organiser plugins)
Easy Digital Downloads (EDD)
Show WooCommerce products
Display custom field of Advanced Custom Fields (ACF)

Block Settings

15

Overlay 8
Overlay 7
Overlay 6
Overlay 5
Overlay 4
Overlay 3
Overlay 2
Overlay 1
Big post 2
Big post 1
Scrollable
Pinterest
Collapsible
List
Grid

Pro version

6

Find my license
Renew, upgrade license
Download Pro version
Check license info
How to update Pro version (problems and solutions)?
Transfer (migrate) license to a new website, domain

Top Features

9

Live Filter – show filters & results in different places (for example: filters in sidebar, results in page)
Live Filter
How to show WordPress custom field (ACF, Pods, MetaBox…)?
How to show related posts?
How to duplicate, clone, copy a View?
Hide the “No posts found” message
Use custom/external URL for links (of title, thumbnail, read-more button)
Reuse a View (pass extra parameters to shortcode)
Show Grid layout on Blog, Category, Search… pages (Replace Layout)

scrollable list

How to install?
How to create View shortcode?
Scrollable list – vertical scroll
Scrollable list – Fix: click on next/prev button caused the page to scroll
Scrollable list – add a Pause button
Scrollable list – customize style, color, position…
Scrollable list – Fix: click on next/prev button doesn’t work

Copyright © 2023 Content Views Pro

Scroll to Top