{"id":5010,"date":"2023-11-08T04:20:53","date_gmt":"2023-11-08T04:20:53","guid":{"rendered":"https:\/\/contentviewspro.com\/documentation\/?post_type=docs&#038;p=5010"},"modified":"2023-12-27T03:50:43","modified_gmt":"2023-12-27T03:50:43","password":"","slug":"use-patterns-on-shortcode","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/use-patterns-on-shortcode\/","title":{"rendered":"How to use prebuilt Patterns on View shortcode?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To use the prebuilt patterns on existing\/new View shortcode, please follow below steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>please ensure to update <strong><span class=\"prokeys-snippet-text\">Content Views <\/span>(free)<\/strong> to version <strong>3.6.0 or later<\/strong>. <br>(to use <strong>PRO<\/strong> patterns, please ensure to update <span class=\"prokeys-snippet-text\"><strong>Content Views Pro<\/strong><\/span> to version <strong>6.0 or later<\/strong>)<\/li>\n\n\n\n<li>edit your existing View, or click <strong>Content Views &gt; Add New<\/strong> to add a new View <br> <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"161\" class=\"wp-image-5020\" style=\"width: 150px;\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/add-new-view.png\" alt=\"\"> <\/li>\n\n\n\n<li>in the top right corner of the View page, please click &#8220;<strong>Content Views Library<\/strong>&#8221; button:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"282\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-3-1024x282.png\" alt=\"\" class=\"wp-image-5011\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-3-1024x282.png 1024w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-3-300x83.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-3-768x212.png 768w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-3.png 1345w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A popup will appear. All prebuilt patterns will be shown.<br>If it is empty, please click the <strong>Update<\/strong> button on the top right of the popup.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-4-1024x481.png\" alt=\"\" class=\"wp-image-5012\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-4-1024x481.png 1024w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-4-300x141.png 300w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-4-768x361.png 768w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-4.png 1132w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A free pattern will have the &#8220;<strong>Import<\/strong>&#8221; button. Clicking &#8220;<strong>Import<\/strong>&#8221; button, then click <strong>OK\/Enter<\/strong> to finish importing pattern to current View shortcode.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"308\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-75.png\" alt=\"\" class=\"wp-image-4600\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-75.png 278w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-75-271x300.png 271w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">(hover on each pattern you will see a preview icon, click on it to see live preview of that pattern)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A Pro pattern will have &#8220;<strong>Upgrade Now<\/strong>&#8221; button to purchase the Pro version and get access to all Pro patterns. After upgrade, the &#8220;<strong>Import<\/strong>&#8221; button will be available to all patterns.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"261\" height=\"261\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-76.png\" alt=\"\" class=\"wp-image-4601\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-76.png 261w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-76-150x150.png 150w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can filter patterns for each layout by clicking on the layout name on the left side:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"187\" height=\"327\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-71.png\" alt=\"\" class=\"wp-image-4596\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-71.png 187w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-71-172x300.png 172w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can search for pattern name, filter by free\/pro attribute on the top right panel:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"415\" height=\"149\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-2.png\" alt=\"\" class=\"wp-image-4994\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-2.png 415w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/11\/image-2-300x108.png 300w\" sizes=\"auto, (max-width: 415px) 100vw, 415px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To show patterns larger\/smaller, please click on these icons (beside the search box):<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"43\" height=\"41\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-73.png\" alt=\"\" class=\"wp-image-4598\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"38\" height=\"36\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2023\/05\/image-74.png\" alt=\"\" class=\"wp-image-4599\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"prokeys-snippet-text\">Best regards,<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To use the prebuilt patterns on existing\/new View shortcode, please follow below steps: (hover on each pattern you will see a preview icon, click on it to see live preview of that pattern) A Pro pattern will have &#8220;Upgrade Now&#8221; button to purchase the Pro version and get access to all Pro patterns. After upgrade, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/use-patterns-on-shortcode\/\"> <span class=\"screen-reader-text\">How to use prebuilt Patterns on View shortcode?<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[7],"doc_tag":[],"class_list":["post-5010","docs","type-docs","status-publish","hentry","doc_category-view-shortcode"],"year_month":"2026-09","word_count":220,"total_views":"26","reactions":{"happy":"1","normal":"0","sad":"2"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"View (Shortcode)","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/view-shortcode\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/5010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=5010"}],"version-history":[{"count":9,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/5010\/revisions"}],"predecessor-version":[{"id":5299,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/5010\/revisions\/5299"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=5010"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=5010"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=5010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}