{"id":38,"date":"2018-03-08T16:28:54","date_gmt":"2018-03-08T16:28:54","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/?p=38"},"modified":"2023-09-21T10:39:53","modified_gmt":"2023-09-21T10:39:53","slug":"types-of-product-layout","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/","title":{"rendered":"Types of product layout"},"content":{"rendered":"\n<p>In order to configure the component of your composite products, you need to browse the \u201cComponents\u201d tab in the Product Data selection.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"933\" height=\"312\" src=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg\" alt=\"Components section\" class=\"wp-image-287\" srcset=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg 933w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components-300x100.jpg 300w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components-768x257.jpg 768w\" sizes=\"auto, (max-width: 933px) 100vw, 933px\" \/><\/a><\/figure><\/div>\n\n\n<p>The first customization option is the layout choice selection for your composite product, you can choose from three layouts: &#8220;Simple List&#8221;, &#8220;Accordion List&#8221; and &#8220;Steps&#8221;.<\/p>\n\n\n\n<p>This is how a &#8220;Simple list&#8221; layout will appear:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Simple-list.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"1024\" src=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Simple-list-517x1024.jpg\" alt=\"Simple List\" class=\"wp-image-343\" srcset=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Simple-list-517x1024.jpg 517w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Simple-list-151x300.jpg 151w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Simple-list.jpg 654w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/a><\/figure>\n\n\n\n<p>This is how an &#8220;Accordion List&#8221; layout will appear:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Accordion-list.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"622\" height=\"756\" src=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Accordion-list.jpg\" alt=\"Accordion List\" class=\"wp-image-345\" srcset=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Accordion-list.jpg 622w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Accordion-list-247x300.jpg 247w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/a><\/figure>\n\n\n\n<p>This is how a &#8220;Steps&#8221; layout will appear:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Steps.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"593\" src=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Steps-1024x593.jpg\" alt=\"Steps\" class=\"wp-image-346\" srcset=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Steps-1024x593.jpg 1024w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Steps-300x174.jpg 300w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Steps-768x445.jpg 768w, https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2023\/09\/Steps.jpg 1174w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In order to configure the component of your composite products, you need to browse the \u201cComponents\u201d tab in the Product Data selection. The first customization option is the layout choice selection for your composite product, you can choose from three layouts: &#8220;Simple List&#8221;, &#8220;Accordion List&#8221; and &#8220;Steps&#8221;. This is how a &#8220;Simple list&#8221; layout will &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Types of product layout<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-38","post","type-post","status-publish","format-standard","hentry","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Composite Products: Types of product layout<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Composite Products: Types of product layout\" \/>\n<meta property=\"og:description\" content=\"In order to configure the component of your composite products, you need to browse the \u201cComponents\u201d tab in the Product Data selection. The first customization option is the layout choice selection for your composite product, you can choose from three layouts: &#8220;Simple List&#8221;, &#8220;Accordion List&#8221; and &#8220;Steps&#8221;. This is how a &#8220;Simple list&#8221; layout will &hellip; Continue reading Types of product layout\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH Composite Products for WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-08T16:28:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T10:39:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg\" \/>\n<meta name=\"author\" content=\"Alessio Torrisi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alessio Torrisi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/\",\"name\":\"YITH Composite Products: Types of product layout\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg\",\"datePublished\":\"2018-03-08T16:28:54+00:00\",\"dateModified\":\"2023-09-21T10:39:53+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#\/schema\/person\/cb8b9dbb75e34f325cc8329424e6a6c5\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg\",\"width\":933,\"height\":312,\"caption\":\"Components section\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Types of product layout\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/\",\"name\":\"YITH Composite Products for WooCommerce\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#\/schema\/person\/cb8b9dbb75e34f325cc8329424e6a6c5\",\"name\":\"Alessio Torrisi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1dc305ade0adaba279202977d3352276?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1dc305ade0adaba279202977d3352276?s=96&d=mm&r=g\",\"caption\":\"Alessio Torrisi\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/author\/alessio\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Composite Products: Types of product layout","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/","og_locale":"en_US","og_type":"article","og_title":"YITH Composite Products: Types of product layout","og_description":"In order to configure the component of your composite products, you need to browse the \u201cComponents\u201d tab in the Product Data selection. The first customization option is the layout choice selection for your composite product, you can choose from three layouts: &#8220;Simple List&#8221;, &#8220;Accordion List&#8221; and &#8220;Steps&#8221;. This is how a &#8220;Simple list&#8221; layout will &hellip; Continue reading Types of product layout","og_url":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/","og_site_name":"YITH Composite Products for WooCommerce","article_published_time":"2018-03-08T16:28:54+00:00","article_modified_time":"2023-09-21T10:39:53+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg","type":"","width":"","height":""}],"author":"Alessio Torrisi","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alessio Torrisi","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/","url":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/","name":"YITH Composite Products: Types of product layout","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg","datePublished":"2018-03-08T16:28:54+00:00","dateModified":"2023-09-21T10:39:53+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#\/schema\/person\/cb8b9dbb75e34f325cc8329424e6a6c5"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-content\/uploads\/sites\/84\/2018\/03\/components.jpg","width":933,"height":312,"caption":"Components section"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/premium-version-settings\/types-of-product-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/"},{"@type":"ListItem","position":2,"name":"Types of product layout"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#website","url":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/","name":"YITH Composite Products for WooCommerce","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#\/schema\/person\/cb8b9dbb75e34f325cc8329424e6a6c5","name":"Alessio Torrisi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1dc305ade0adaba279202977d3352276?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1dc305ade0adaba279202977d3352276?s=96&d=mm&r=g","caption":"Alessio Torrisi"},"url":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/author\/alessio\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/posts\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":5,"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/posts\/38\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/posts\/38\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-composite-products-for-woocommerce\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}