{"id":4510,"date":"2023-05-31T09:00:41","date_gmt":"2023-05-31T09:00:41","guid":{"rendered":"https:\/\/contentviewspro.com\/documentation\/?post_type=docs&p=4510"},"modified":"2023-05-31T09:42:45","modified_gmt":"2023-05-31T09:42:45","password":"","slug":"scrollable","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/scrollable\/","title":{"rendered":"Scrollable"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

After inserting this block into the Block Editor, click anywhere on the block. A toolbar will appear above the block. Click the \u201ccog\u201d icon to open the block settings:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Under Block > Settings, you will find all options to customize this block:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Query<\/h2>\n\n\n\n

This is where you can query and filter your posts, pages, etc. by various opions:<\/p>\n\n\n\n

\n
\n
    \n
  • Content Type: you can select from post, page, media, custom post type, all\/multiple options<\/li>\n\n\n\n
  • Posts Per Page<\/li>\n\n\n\n
  • Offset<\/li>\n\n\n\n
  • Taxonomy: you can select any taxonomy (category, tag, custom taxonomy). When selecting multiple taxonomies, you can select taxonomy relation (AND, OR). For each taxonomy, you can select multiple terms, and set taxonomy operator (IN, NOT IN, AND).<\/li>\n\n\n\n
  • Include\/ Exclude: you can search specific content by its title to include\/exclude it.<\/li>\n\n\n\n
  • Order by: you can order by various options such as id, title, published date, modified date, random order, custom field, post slug, post type, comment count, menu order<\/li>\n\n\n\n
  • Order<\/li>\n\n\n\n
  • Author<\/li>\n\n\n\n
  • Keyword<\/li>\n\n\n\n
  • Custom Field<\/li>\n\n\n\n
  • Published Date<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n

    Layout<\/h2>\n\n\n\n

    This is where you can select different layouts for this block, also modify some other layout options:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    You also can change the link behavior in the block with many options:<\/p>\n\n\n\n

      \n
    • Current tab<\/li>\n\n\n\n
    • New tab<\/li>\n\n\n\n
    • New window<\/li>\n\n\n\n
    • Lightbox of content<\/li>\n\n\n\n
    • Lightbox of image<\/li>\n\n\n\n
    • None (disable link)<\/li>\n<\/ul>\n\n\n\n

      Especially, you can drag & drop to change the display position of fields with Fields Position<\/strong><\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Item \/ Overlay<\/h2>\n\n\n\n

      This is where you can modify common settings for each item (post, page, or custom post).<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      <\/p>\n\n\n\n

      Thumbnail<\/h2>\n\n\n\n
      \n
      \n

      You can change the image size, set width, height, enable various hover effect:<\/p>\n\n\n\n

        \n
      • Darken<\/li>\n\n\n\n
      • Zoom in<\/li>\n\n\n\n
      • Zoom out<\/li>\n\n\n\n
      • Move up<\/li>\n\n\n\n
      • Move down<\/li>\n\n\n\n
      • Move left<\/li>\n\n\n\n
      • Move right<\/li>\n<\/ul>\n\n\n\n

        Also, enable responsive image, and lazyload.<\/p>\n\n\n\n

        <\/p>\n\n\n\n

        You also can change border, border-radius, box-shadow, and more in the Styles tab.<\/p>\n<\/div>\n\n\n\n

        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Heading Text<\/h2>\n\n\n\n

        You can show\/hide a custom text above the block.<\/p>\n\n\n\n

        In General tab, you can change the text, style can HTML tag. You can change its style in Styles tab.<\/p>\n\n\n\n

        \n
        \n
        \"\"<\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        <\/p>\n\n\n\n

        Title<\/h2>\n\n\n\n

        You can show\/hide title with the checkbox.<\/p>\n\n\n\n

        You can change title tag, and style it.<\/p>\n\n\n\n

        \n
        \n
        \"\"<\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

        Top Meta<\/h2>\n\n\n\n

        You can show taxonomy\/date\/author as top meta in a custom position such as:<\/p>\n\n\n\n

          \n
        • Above Title<\/li>\n\n\n\n
        • Below Title<\/li>\n\n\n\n
        • Over Image on Top Left<\/li>\n\n\n\n
        • Over Image on Bottom Left<\/li>\n\n\n\n
        • Over Image on Top Right<\/li>\n\n\n\n
        • Over Image on Bottom Right<\/li>\n\n\n\n
        • Over Image on Center<\/li>\n<\/ul>\n\n\n\n

          You also can style it with various options.<\/p>\n\n\n\n

          \n
          \n
          \"\"<\/figure>\n<\/div>\n\n\n\n
          \n
          \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

          <\/p>\n\n\n\n

          Custom Field<\/h2>\n\n\n\n

          You can easily select and show custom fields in blocks. Content Views supports any custom field plugins: ACF, Meta Box, Pods\u2026 and the native custom field.<\/p>\n\n\n\n

          \"\"<\/figure>\n\n\n\n

          You also can style the custom field output with many styling options as alignment, typography, color, background color, margin, padding, etc.<\/p>\n\n\n\n

          Content<\/h2>\n\n\n\n

          You can show exceprt and customize its length, or full content of the post.<\/p>\n\n\n\n

          You also can style it on the Styles tab.<\/p>\n\n\n\n

          \"\"<\/figure>\n\n\n\n

          <\/p>\n\n\n\n

          <\/p>\n\n\n\n

          Read More<\/h2>\n\n\n\n

          You can customize the read more text, and style it with many options.<\/p>\n\n\n\n

          \n
          \n
          \"\"<\/figure>\n<\/div>\n\n\n\n
          \n
          \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

          <\/p>\n\n\n\n

          Pagination<\/h2>\n\n\n\n

          You can enable\/disable pagination.<\/p>\n\n\n\n

          There are 2 types of pagination: Ajax, Normal.<\/p>\n\n\n\n

          With Ajax, there are 3 styles:<\/p>\n\n\n\n

            \n
          • Numeric pagination<\/li>\n\n\n\n
          • Load more button<\/li>\n\n\n\n
          • Infinite scroll<\/li>\n<\/ul>\n\n\n\n
            \n
            \n
            \"\"<\/figure>\n<\/div>\n\n\n\n
            \n
            \"\"<\/figure>\n\n\n\n
            \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

            Bottom Meta<\/h2>\n\n\n\n

            You can show meta info such as: date, author, comment count, taxonomies, etc.<\/p>\n\n\n\n

            You can change seperator between these meta, show or hide icon, change date format, etc.<\/p>\n\n\n\n

            You also can style meta in its Styles tab.<\/p>\n\n\n\n

            \n
            \n
            \"\"<\/figure>\n<\/div>\n\n\n\n
            \n
            \"\"<\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

            Thumbnail<\/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":[39],"doc_tag":[],"class_list":["post-4510","docs","type-docs","status-publish","hentry","doc_category-block-settings"],"year_month":"2026-05","word_count":1,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"All Blocks","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/block-settings\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4510","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=4510"}],"version-history":[{"count":2,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4510\/revisions"}],"predecessor-version":[{"id":4528,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/4510\/revisions\/4528"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=4510"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=4510"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=4510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}