{"id":50,"date":"2024-05-20T15:26:06","date_gmt":"2024-05-20T13:26:06","guid":{"rendered":"https:\/\/qala.shop\/documentation\/?page_id=50"},"modified":"2024-06-03T16:24:50","modified_gmt":"2024-06-03T14:24:50","slug":"qala-blocks","status":"publish","type":"page","link":"https:\/\/qala.shop\/documentation\/qala-blocks\/","title":{"rendered":"Qala blocks"},"content":{"rendered":"\n<p>One of the Qala modules is Qala&#8217;s own block library that adds a number of useful blocks to the basic WordPress editor blocks.<\/p>\n\n\n\n<p>You may be asking what is the difference between Qala Blocks and Qala Block Patterns? For you as a user, not much.<\/p>\n\n\n\n<p>The Qala Block Patterns, which we went through previously, are built on multiple blocks in Gutenberg, while the Qala Blocks are blocks made specifically for Qala and its users. <\/p>\n\n\n\n<p>We are constantly developing and finding new solutions to make life a little easier for you as a Qala user.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/all-qala-blocks.png\" alt=\"all-qala-blocks\" class=\"wp-image-103\" style=\"object-fit:cover\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/all-qala-blocks.png 700w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/all-qala-blocks-300x300.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/all-qala-blocks-178x178.png 178w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/all-qala-blocks-600x600.png 600w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/all-qala-blocks-577x577.png 577w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-faq-list\">FAQ list<\/h3>\n\n\n\n<p>This block is built on a basic &#8220;FAQ&#8221; feature. You can easily edit and add text just by clicking on the part you want to change, just like any other block.<\/p>\n\n\n\n<p>Add the block to posts or pages as you like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/YSS8E-kWTxQpBfm48ONmA2NiXJgy_dJt6lPviCh2Hhk\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvZmFxLWxpc3QucG5n.webp\" alt=\"faq-list\" class=\"wp-image-116\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/faq-list\/\">Read more about FAQ list<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-hero\">Hero<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/ZQ9TQinLvL-HIBbN-s-bmcHPIdyt0IAZdLLPQpBYR_c\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvaGVyby5wbmc.webp\" alt=\"hero\" class=\"wp-image-117\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/hero\/\">Read more about Hero<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-latest-posts\">Latest posts<\/h3>\n\n\n\n<p>A nice slider to showcase clients\/mentions\/collaborations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/1u-05dN6adafyiC76BaXO5km1qQhTH3Js-X1CkomCWI\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvbGF0ZXN0LXBvc3RzLnBuZw.webp\" alt=\"latest-posts\" class=\"wp-image-118\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/latest-posts\/\">Read more about Latest posts<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-logo-slider\">Logo slider<\/h3>\n\n\n\n<p>A nice slider to showcase clients\/mentions\/collaborations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/kKtLyq2rX8G_3rurG17uUsqdhVb6gC40oN7ftZedGbI\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvbG9nby1zbGlkZXIucG5n.webp\" alt=\"logo-slider\" class=\"wp-image-119\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/logo-slider\/\">Read more about Logo slider<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-multi-image-accordian\">Multi Image Accordian<\/h3>\n\n\n\n<p>A nice slider to showcase clients\/mentions\/collaborations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/N3dOlHRA6o6sezcfV4b9ZDC4hRBGiJRebp0gHruaCT8\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvbXVsdGktaW1hZ2UtYWNjb3JkaW9uLnBuZw.webp\" alt=\"multi-image-accordion\" class=\"wp-image-120\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/multi-image-accordion\/\">Read more about Multi Image Accordion<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-accordian\">Accordian<\/h3>\n\n\n\n<p>Accordion is a handy Qala block that allows you to add beautiful accordions to your pages, posts, template files and anywhere on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/6sr-LZwGt9JIPM67SGLqAHdFVC3CmHCDCJ1TWsthvWg\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvYWNjb3JkaW9uLnBuZw.webp\" alt=\"accordion\" class=\"wp-image-121\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/accordion\/\">Read more about Accordian<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-shop-categories\">Shop categories<\/h3>\n\n\n\n<p>Accordion is a handy Qala block that allows you to add beautiful accordions to your pages, posts, template files and anywhere on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/65CXHUN0F5CSS-H3pimMgaJHHtyoEbcEZ0tdZlgLEek\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvc2hvcC1jYXRlZ29yaWVzLnBuZw.webp\" alt=\"shop-categories\" class=\"wp-image-122\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/shop-categories\/\">Read more about Shop categories<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-client-quotes\">Client quotes<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-testimonials\">Testimonials<\/h4>\n\n\n\n<p>A block that allows you to add multiple quotes to your posts and\/or pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/aGGowRvHrRW1FM4_2UhZkuvQZoYWZagCLrtPr_9ohl8\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvdGVzdGltb25pYWxzLnBuZw.webp\" alt=\"testimonials\" class=\"wp-image-123\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/testimonials\/\">Read more about Testimonials<\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-single-testimonial\" style=\"margin-top:var(--wp--preset--spacing--70)\">Single testimonial<\/h4>\n\n\n\n<p>This block allows you to a single quote to your posts and\/or pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/qala.uk\/img-srv\/wUUWD7MFmNGfZGLJtixS3cTQi76byMiAK8FIbgOC1TY\/resizing_type:auto\/width:1024\/height:0\/gravity:sm\/enlarge:1\/ext:webp\/strip_metadata:1\/quality:35\/bG9jYWw6Ly8vcWFsYS9xYWxhLnVrL3dwLWNvbnRlbnQvdXBsb2Fkcy9zaXRlcy82LzIwMjQvMDYvc2luZ2xlLXRlc3RpbW9uaWFsLnBuZw.webp\" alt=\"single-testimonial\" class=\"wp-image-124\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button arrow-right wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/single-testimonial\/\">Read more about Single Testimonial<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>That should be everything you need to know as a new Qala user. If you have any questions or concerns, don&#8217;t hesitate to contact your CSM!<\/p>\n\n\n\n<p>Good luck!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the Qala modules is Qala&#8217;s own block library that adds a number of useful blocks to the basic&hellip;<\/p>\n","protected":false},"author":184,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_trash_the_other_posts":false,"editor_notices":[],"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"acf":[],"parents":[{"permalink":"https:\/\/qala.shop\/documentation","title":"Home"},{"permalink":false,"title":"Qala blocks"}],"_links":{"self":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/users\/184"}],"replies":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":5,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/50\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}