{"id":100,"date":"2024-06-03T15:42:11","date_gmt":"2024-06-03T13:42:11","guid":{"rendered":"https:\/\/qala.shop\/documentation\/?page_id=100"},"modified":"2024-06-12T09:07:52","modified_gmt":"2024-06-12T07:07:52","slug":"shop-categories","status":"publish","type":"page","link":"https:\/\/qala.shop\/documentation\/qala-blocks\/shop-categories\/","title":{"rendered":"Shop categories"},"content":{"rendered":"\n<h1 class=\"wp-block-heading alignwide\" id=\"h-shop-categories\">Shop categories<\/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-shop-categories\" style=\"margin-top:var(--wp--preset--spacing--80)\">How to use the Qala block &#8220;Shop categories&#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 \u201cShop Categories\u201d.<\/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>In these settings you can add your heading and subheading. You have the option to align them to the left or the center.<\/p>\n\n\n\n<p>Under card settings, choose if you want to show or hide the parent category, and if you want the image to be square or portrait style.<\/p>\n\n\n\n<p>Under button settings, you can choose what kind of button you want &#8211; size and type &#8211; and where you want it &#8211; in the middle of the image, or below.<\/p>\n\n\n\n<p>Under button settings you have the columns setting. Here you can set the number of columns you want. If you want it to be a slider, you select that here, and decide if you want to show arrows and if you want the slider to loop.<\/p>\n\n\n\n<p>To start adding products, click on \u201cPick a Taxonomy\u201d. Here you can choose categories or tags. I\u2019m choosing product categories. I\u2019m gonna go with Clothing. Press enter. Next, pick the specific category you want. Underneath, choose an image by clicking on Set image.<\/p>\n\n\n\n<p>You can either choose an image from the Media Library or you can upload a new image.&nbsp;<\/p>\n\n\n\n<p>To add another product category, press Add card.&nbsp;<\/p>\n\n\n\n<p>Go through the same procedure for each new category you want to add. <\/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\/shop-cat-01-screenshots.png\" alt=\"shop-cat-01-screenshots\" class=\"wp-image-169\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-01-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Add the Qala block Shop Categories<\/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\/shop-cat-02-screenshots.png\" alt=\"shop-cat-02-screenshots\" class=\"wp-image-168\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-02-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Add a taxonomy and then add specifics<\/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\/shop-cat-03-screenshots.png\" alt=\"shop-cat-03-screenshots\" class=\"wp-image-167\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots.png 1715w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots-300x145.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots-1024x496.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots-768x372.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots-1536x744.png 1536w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots-266x129.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/shop-cat-03-screenshots-600x291.png 600w\" sizes=\"auto, (max-width: 1715px) 100vw, 1715px\" \/><\/figure>\n\n\n\n<p>Set the image and style the block<\/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\"><img loading=\"lazy\" decoding=\"async\" width=\"1528\" height=\"944\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts.png\" alt=\"latest-posts\" class=\"wp-image-118\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts-300x185.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts-1024x633.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts-768x474.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts-266x164.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/latest-posts-600x371.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Latest posts<\/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\/latest-posts\/\">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\/logo-slider.png\" alt=\"logo-slider\" class=\"wp-image-119\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-slider.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-slider-300x153.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-slider-1024x521.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-slider-768x391.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-slider-266x135.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/logo-slider-600x305.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Logo Slider<\/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\/logo-slider\/\">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=\"889\" src=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion.png\" alt=\"multi-image-accordion\" class=\"wp-image-120\" srcset=\"https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion.png 1528w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-300x175.png 300w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-1024x596.png 1024w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-768x447.png 768w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-266x155.png 266w, https:\/\/qala.shop\/documentation\/wp-content\/uploads\/sites\/6\/2024\/06\/multi-image-accordion-600x349.png 600w\" sizes=\"auto, (max-width: 1528px) 100vw, 1528px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Multi image Accordion<\/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\/multi-image-accordion\/\">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","protected":false},"excerpt":{"rendered":"<p>Shop categories. How to use the Qala block &#8220;Shop categories&#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-100","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":"Shop categories"}],"_links":{"self":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/100","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=100"}],"version-history":[{"count":2,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/100\/revisions\/170"}],"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=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}