{"id":94,"date":"2024-06-03T15:40:18","date_gmt":"2024-06-03T13:40:18","guid":{"rendered":"https:\/\/qala.shop\/documentation\/?page_id=94"},"modified":"2024-06-12T08:49:06","modified_gmt":"2024-06-12T06:49:06","slug":"logo-slider","status":"publish","type":"page","link":"https:\/\/qala.shop\/documentation\/qala-blocks\/logo-slider\/","title":{"rendered":"Logo slider"},"content":{"rendered":"\n<h1 class=\"wp-block-heading alignwide\" id=\"h-logo-slider\">Logo Slider<\/h1>\n\n\n\n<figure class=\"wp-block-video alignwide\"><video controls src=\"https:\/\/www.loom.com\/share\/185e7486f719488ab43634f6e157d54b?sid=7536ce99-e1f0-46f6-8841-b33901c0d714\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-use-the-qala-block-logo-slider\" style=\"margin-top:var(--wp--preset--spacing--80)\">How to use the Qala block &#8220;Logo Slider&#8221;<\/h3>\n\n\n\n<p>To add the Qala block, press the plus icon. Press Browse all.<\/p>\n\n\n\n<p>You can either scroll down to the section with Qala blocks, or you can just write the name of the block in the search area. Choose \u201cLogo Slider\u201d.<\/p>\n\n\n\n<p>Add logos by clicking on the \u2018Add Images\u2019 button. You will now create a gallery of logos for your slider. I would advice you to upload images with the same dimensions for best possible look.<\/p>\n\n\n\n<p>Press on Create a new gallery, and then Insert gallery. If you want to add or remove a logo, just press Edit gallery to do so.<\/p>\n\n\n\n<p>Above the block you will see icons. The icon called Align will let you choose the width of the block. You can choose between none (narrow), wide or full width.<\/p>\n\n\n\n<p>To the right, you will see your settings. If they are hidden, you can press the icon next to Publish. Make sure you have the Block tab open, not Page.<\/p>\n\n\n\n<p>For the logo slider block, you will only have two setting options; to activate autoplay, and to add padding and margins for the whole block.<\/p>\n\n\n\n<div style=\"height:62px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-primary-100-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide\" id=\"h-summary\">Summary<\/h2>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1715\" height=\"831\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots.png\" alt=\"logo-01-screenshots\" class=\"wp-image-160\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-01-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Find the Logo Slider Qala block<\/p>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1715\" height=\"831\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots.png\" alt=\"logo-02-screenshots\" class=\"wp-image-161\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-02-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Add images and add to gallery<\/p>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1715\" height=\"831\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots.png\" alt=\"logo-03-screenshots\" class=\"wp-image-162\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-03-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Style the block by adjusting width and margins<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-2a07215d wp-block-columns-is-layout-flex\" style=\"margin-bottom:0;padding-top:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-related-qala-blocks\">Related Qala blocks<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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 size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"778\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial.png\" alt=\"single-testimonial\" class=\"has-border-color has-base-300-border-color wp-image-124\" style=\"border-width:1px\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-300x153.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-1024x521.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-768x391.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-266x135.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/single-testimonial-600x305.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Single testimonial<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary-underline wp-block-button is-style-primary-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/single-testimonial\/\">Read more<\/a><\/div>\n<\/div>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"778\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials.png\" alt=\"testimonials\" class=\"wp-image-123\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials-300x153.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials-1024x521.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials-768x391.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials-266x135.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/testimonials-600x305.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Testimonials<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary-underline wp-block-button is-style-primary-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/testimonials\/\">Read more<\/a><\/div>\n<\/div>\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 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"876\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero.png\" alt=\"hero\" class=\"wp-image-117\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero-300x172.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero-1024x587.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero-768x440.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero-266x152.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/hero-600x344.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Hero<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-primary-underline wp-block-button is-style-primary-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/qala.shop\/documentation\/qala-blocks\/hero\/\">Read more<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div\n\tclass=\"wp-block-qala-blocks-logo-slider\">\n\t\t\t<div \n\t\t\tclass=\"logo-slider swiper\"\n\t\t\tdata-swiper-controls=\"{&quot;title&quot;:&quot;Logo-slider&quot;,&quot;autoPlay&quot;:false,&quot;reverseDirection&quot;:false,&quot;images&quot;:[],&quot;imageLoad&quot;:false,&quot;imageSize&quot;:&quot;full&quot;,&quot;imageSpacing&quot;:{&quot;top&quot;:0,&quot;left&quot;:0,&quot;right&quot;:0,&quot;bottom&quot;:0},&quot;loopItems&quot;:false,&quot;maxHeight&quot;:&quot;&quot;,&quot;showNavigation&quot;:false,&quot;showPagination&quot;:false,&quot;sliderKeyboard&quot;:true,&quot;qala_breakpoints&quot;:&quot;&quot;,&quot;inlineCSS&quot;:&quot;&quot;,&quot;qala_animations&quot;:&quot;&quot;}\"\n\t\t\tstyle=\"\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"swiper-wrapper test\"\n\t\t\t\t\t\t\t\tdata-keyboard=\"true\"\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Logo Slider. How to use the Qala block &#8220;Logo Slider&#8221;. To add the Qala block press the plus icon<\/p>\n","protected":false},"author":197,"featured_media":0,"parent":50,"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-94","page","type-page","status-publish","hentry"],"acf":[],"parents":[{"permalink":"https:\/\/qala.shop\/documentation","title":"Home"},{"permalink":"https:\/\/qala.shop\/documentation\/qala-blocks\/","title":"Qala blocks"},{"permalink":false,"title":"Logo slider"}],"_links":{"self":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/94","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\/197"}],"replies":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":2,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/94\/revisions\/163"}],"up":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/50"}],"wp:attachment":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}