{"id":6191,"date":"2019-08-01T12:42:53","date_gmt":"2019-08-01T06:57:53","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-shop\/homepage-settings\/how-to-configure-service-section\/"},"modified":"2022-07-11T10:06:56","modified_gmt":"2022-07-11T04:21:56","slug":"how-to-configure-service-section","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-shop\/homepage-settings\/how-to-configure-service-section\/","title":{"rendered":"How to Configure Service Section?"},"content":{"rendered":"<p>In this section, you can add the details of the services you provide so that the visitors will have an idea about your work.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6319\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section.png\" alt=\"service section\" width=\"1344\" height=\"273\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section.png 1344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section-300x61.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section-768x156.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section-1024x208.png 1024w\" sizes=\"(max-width: 1344px) 100vw, 1344px\" \/><\/p>\n<p class=\"blue note\"><strong>Note:<\/strong>\u00a0Make sure you have installed and activated\u00a0<strong>BlossomThemes Toolkit<\/strong>\u00a0plugin for this section to work as desired.<\/p>\n<p>You can either follow the video or follow the below steps to configure the Service section.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to configure Service section | Blossom Shop WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/m6YpTgyYctY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Please follow the below steps to configure the Service Section.<\/p>\n<ul>\n<li>Go to\u00a0<b>Appearance &gt; Customize &gt; Front Page Settings &gt; Service Section.<\/b><\/li>\n<li>Click &#8220;Add a Widget&#8221; and choose &#8220;Text Widget&#8221; and &#8220;Blossom: Icon Text&#8221;.<\/li>\n<li>Add &#8220;Text Widget&#8221; for the title and description for the section. Fill the required fields in the widget.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6194\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/text-widget-for-service-section.png\" alt=\"text widget for service section\" width=\"600\" height=\"654\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/text-widget-for-service-section.png 600w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/text-widget-for-service-section-275x300.png 275w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<ul>\n<li>Add &#8220;Blossom: Icon Text&#8221; for the service and its description. Fill the required fields in the widget.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6193\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/icon-text-widget-for-service-section.png\" alt=\"icon text widget for service section\" width=\"594\" height=\"654\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/icon-text-widget-for-service-section.png 594w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/icon-text-widget-for-service-section-272x300.png 272w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/p>\n<ul>\n<li>Click <strong>Publish<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6195\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section-setting.png\" alt=\"service section setting\" width=\"301\" height=\"398\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section-setting.png 301w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/08\/service-section-setting-227x300.png 227w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/p>\n<p class=\"red note\">\u00a0The <a href=\"https:\/\/blossomthemes.com\/downloads\/blossom-shop-pro\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Pro<\/strong><\/a> version of this theme offers you 3 different layout for Service section. It also allows you to keep a gray background on the service section.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this section, you can add the details of the services you provide so that the visitors will have an idea about your work. Note:\u00a0Make sure you have installed and activated\u00a0BlossomThemes Toolkit\u00a0plugin for this section to work as desired. You can either follow the video or follow the below steps to configure the Service section. [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":6173,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-6191","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/6191"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=6191"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/6191\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/6173"}],"next":[{"title":"How to Configure Featured Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-shop\/homepage-settings\/how-to-configure-features-area\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/6197"}],"prev":[{"title":"How to Configure Banner Layout and Content?","link":"https:\/\/docs.blossomthemes.com\/blossom-shop\/homepage-settings\/how-to-configure-banner-layout-and-content\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/6179"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=6191"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=6191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}