{"id":2065,"date":"2019-11-21T08:40:26","date_gmt":"2019-11-21T08:40:26","guid":{"rendered":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/?page_id=2065"},"modified":"2025-06-10T06:35:29","modified_gmt":"2025-06-10T06:35:29","slug":"custom-product-layout","status":"publish","type":"page","link":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/","title":{"rendered":"Custom Product Layout"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1573954713052{padding-top: 40px !important;}&#8221;][vc_column offset=&#8221;vc_col-md-offset-1 vc_col-md-10&#8243;][vc_custom_heading text=&#8221;Custom Product Layouts&#8221; font_container=&#8221;tag:h2|font_size:2.25rem|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;mb-2 ls-n-50&#8243; css_params=&#8221;&#8221;][vc_custom_heading text=&#8221;CREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDER&#8221; font_container=&#8221;tag:h2|font_size:1rem|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; font_weight=&#8221;600&#8243; skin=&#8221;primary&#8221; el_class=&#8221;mb-4 ls-115&#8243; css_params=&#8221;&#8221;][vc_custom_heading text=&#8221;Porto comes with tens of product page layout presets, but you can also build your own layout using Porto&#8217;s product page builder. Any layout and feature combines are possible using this new feature.&#8221; font_container=&#8221;tag:p|font_size:1rem|text_align:center|line_height:1.5&#8243; use_theme_fonts=&#8221;yes&#8221; font_weight=&#8221;500&#8243; el_class=&#8221;ls-n-50 mb-5 pb-lg-2&#8243;][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<div class=\"video-player fit-video mb-5\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/IPiFMffkqTI?autoplay=1&amp;loop=1&amp;playlist=IPiFMffkqTI\" width=\"1280\" height=\"730\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<a aria-label=\"View Documentation\" class=\"porto-sicon-box-link\" href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/documentation\/custom-product-layout\/\" target='_blank'><div class=\"porto-sicon-box link-open-trigger justify-content-md-center  wpb_custom_1efe903570d178ff0a9b7bfa5febd3a4 style_1 default-icon\"><div class=\"porto-sicon-default\"><div class=\"porto-just-icon-wrapper porto-icon advanced\" style=\"color:#0088cc;width:60px;height:60px;line-height:60px;border-radius:50px;font-size:20px;\"><i class=\"fas fa-file-alt\"><\/i><\/div><\/div><div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight:500;font-size:15px;line-height:1;\">View Documentation<\/h3><\/div> <!-- header --><\/div><!-- porto-sicon-box --><\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<a aria-label=\"Example using WPBakery\" class=\"porto-sicon-box-link\" href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/shop30\/product\/product-name-3\/\" target='_blank'><div class=\"porto-sicon-box link-open-trigger justify-content-md-center  wpb_custom_1efe903570d178ff0a9b7bfa5febd3a4 style_1 default-icon\"><div class=\"porto-sicon-default\"><div class=\"porto-just-icon-wrapper porto-icon advanced\" style=\"color:#0088cc;width:60px;height:60px;line-height:60px;border-radius:50px;font-size:20px;\"><i class=\"fas fa-file-alt\"><\/i><\/div><\/div><div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight:500;font-size:15px;line-height:1;\">Example using WPBakery<\/h3><\/div> <!-- header --><\/div><!-- porto-sicon-box --><\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<a aria-label=\"Example using Elementor\" class=\"porto-sicon-box-link\" href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/elementor-shop30\/product\/product-name-3\/\" target='_blank'><div class=\"porto-sicon-box link-open-trigger justify-content-md-center  wpb_custom_1efe903570d178ff0a9b7bfa5febd3a4 style_1 default-icon\"><div class=\"porto-sicon-default\"><div class=\"porto-just-icon-wrapper porto-icon advanced\" style=\"color:#0088cc;width:60px;height:60px;line-height:60px;border-radius:50px;font-size:20px;\"><i class=\"fas fa-file-alt\"><\/i><\/div><\/div><div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight:500;font-size:15px;line-height:1;\">Example using Elementor<\/h3><\/div> <!-- header --><\/div><!-- porto-sicon-box --><\/a>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1573954713052{padding-top: 40px !important;}&#8221;][vc_column offset=&#8221;vc_col-md-offset-1 vc_col-md-10&#8243;][vc_custom_heading text=&#8221;Custom Product Layouts&#8221; font_container=&#8221;tag:h2|font_size:2.25rem|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;mb-2 ls-n-50&#8243; css_params=&#8221;&#8221;][vc_custom_heading text=&#8221;CREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDER&#8221; font_container=&#8221;tag:h2|font_size:1rem|text_align:center|line_height:1&#8243; use_theme_fonts=&#8221;yes&#8221; font_weight=&#8221;600&#8243; skin=&#8221;primary&#8221; el_class=&#8221;mb-4 ls-115&#8243; css_params=&#8221;&#8221;][vc_custom_heading text=&#8221;Porto comes with tens of product page layout presets, but you can also build your own layout using Porto&#8217;s product page builder. Any layout and feature [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-2065","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto&#039;s product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Shop 2 Dark - Porto Wordpress Demo site\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Custom Product Layout - Shop 2 Dark\" \/>\n\t\t<meta property=\"og:description\" content=\"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto&#039;s product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-11-21T08:40:26+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-06-10T06:35:29+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Custom Product Layout - Shop 2 Dark\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto&#039;s product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/custom-product-layout\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/custom-product-layout\\\/#listItem\",\"name\":\"Custom Product Layout\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/custom-product-layout\\\/#listItem\",\"position\":2,\"name\":\"Custom Product Layout\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/#organization\",\"name\":\"Shop 2 Dark\",\"description\":\"Porto Wordpress Demo site\",\"url\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/custom-product-layout\\\/#webpage\",\"url\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/custom-product-layout\\\/\",\"name\":\"Custom Product Layout - Shop 2 Dark\",\"description\":\"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto's product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/custom-product-layout\\\/#breadcrumblist\"},\"datePublished\":\"2019-11-21T08:40:26+00:00\",\"dateModified\":\"2025-06-10T06:35:29+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/#website\",\"url\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/\",\"name\":\"Shop 2 Dark\",\"description\":\"Porto Wordpress Demo site\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.portotheme.com\\\/wordpress\\\/porto\\\/shop2-dark\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Custom Product Layout - Shop 2 Dark","description":"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto's product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor","canonical_url":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark#listItem","position":1,"name":"Home","item":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark","nextItem":{"@type":"ListItem","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/#listItem","name":"Custom Product Layout"}},{"@type":"ListItem","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/#listItem","position":2,"name":"Custom Product Layout","previousItem":{"@type":"ListItem","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/#organization","name":"Shop 2 Dark","description":"Porto Wordpress Demo site","url":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/"},{"@type":"WebPage","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/#webpage","url":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/","name":"Custom Product Layout - Shop 2 Dark","description":"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto's product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/#website"},"breadcrumb":{"@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/#breadcrumblist"},"datePublished":"2019-11-21T08:40:26+00:00","dateModified":"2025-06-10T06:35:29+00:00"},{"@type":"WebSite","@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/#website","url":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/","name":"Shop 2 Dark","description":"Porto Wordpress Demo site","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/#organization"}}]},"og:locale":"en_US","og:site_name":"Shop 2 Dark - Porto Wordpress Demo site","og:type":"article","og:title":"Custom Product Layout - Shop 2 Dark","og:description":"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto's product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor","og:url":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/","article:published_time":"2019-11-21T08:40:26+00:00","article:modified_time":"2025-06-10T06:35:29+00:00","twitter:card":"summary_large_image","twitter:title":"Custom Product Layout - Shop 2 Dark","twitter:description":"Custom Product LayoutsCREATE A CUSTOM PRODUCT LAYOUT USING PAGE BUILDERPorto comes with tens of product page layout presets, but you can also build your own layout using Porto's product page builder. Any layout and feature combines are possible using this new feature. View Documentation Example using WPBakery Example using Elementor"},"aioseo_meta_data":{"post_id":"2065","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"created":"2023-09-06 23:32:32","updated":"2025-06-19 05:29:55","ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCustom Product Layout\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark"},{"label":"Custom Product Layout","link":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/custom-product-layout\/"}],"_links":{"self":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/pages\/2065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/comments?post=2065"}],"version-history":[{"count":2,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/pages\/2065\/revisions"}],"predecessor-version":[{"id":2331,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/pages\/2065\/revisions\/2331"}],"wp:attachment":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop2-dark\/wp-json\/wp\/v2\/media?parent=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}