{"id":571,"date":"2020-04-27T06:49:08","date_gmt":"2020-04-27T06:49:08","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/?page_id=571"},"modified":"2020-04-27T06:49:08","modified_gmt":"2020-04-27T06:49:08","slug":"shortcode-example","status":"publish","type":"page","link":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/shortcode-example\/","title":{"rendered":"Shortcode Example"},"content":{"rendered":"<p>Mandatory Accessories for product with ID 333:<\/p>\n<pre>[woocommerce_mandatory_accessories product_id=\"333\"]<\/pre>\n\n\t<div class=\"mandatory-accessories products container\">\n\n\t\t\t\t<h2 class=\"mandatory-accessories-title\">Mandatory Accessories \u2026<\/h2>\n\t\t\n\t\t\n\t\t<div class=\"products row row-small large-columns-4 medium-columns-3 small-columns-2\">\n\n\t\t\t\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small\" >\n  \n\t\t\t\n\t\t\t\t<div class=\"product-small col has-hover product type-product post-378 status-publish first instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/charger\/\" aria-label=\"Charger\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/charger-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Charger\" srcset=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/charger-300x300.jpg 300w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/charger-150x150.jpg 150w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/charger-180x180.jpg 180w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/charger-125x125.jpg 125w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/charger-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"378\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-7\">\n\t\t\tUncategorized\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/charger\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Charger<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&pound;<\/span>500.00<\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><!-- row -->\n\n\t<\/div>\n\n\n<p>Optional Product Accessories for ID 333:<\/p>\n<pre>[woocommerce_optional_accessories product_id=\"333\"]<\/pre>\n\n\t<div class=\"optional-accessories products container\">\n\n\t\t\t\t<h2 class=\"optional-accessories-title\">Optional Accessories \u2026<\/h2>\n\t\t\n\t\t\n\t\t<div class=\"products row row-small large-columns-4 medium-columns-3 small-columns-2\">\n\n\t\t\t\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small\" >\n  \n\t\t\t\n\t\t\t\t<div class=\"product-small col has-hover product type-product post-379 status-publish first instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/case\/\" aria-label=\"Case\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/case-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Case\" srcset=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/case-300x300.jpg 300w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/case-150x150.jpg 150w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/case-180x180.jpg 180w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/case-125x125.jpg 125w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/case-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"379\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-7\">\n\t\t\tUncategorized\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/case\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Case<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&pound;<\/span>20,000.00<\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\t\t\t\n\t\t\t\t<div class=\"product-small col has-hover product type-product post-377 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/headphones\/\" aria-label=\"Headphones\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpods-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Headphones\" srcset=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpods-300x300.jpg 300w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpods-150x150.jpg 150w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpods-180x180.jpg 180w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpods-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"377\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-7\">\n\t\t\tUncategorized\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/headphones\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Headphones<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&pound;<\/span>50.00<\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\t\t\t\n\t\t\t\t<div class=\"product-small col has-hover product type-product post-380 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/headphone-app\/\" aria-label=\"Headphone App\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpod-app-300x300.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Headphone App\" srcset=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpod-app-300x300.jpg 300w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpod-app-150x150.jpg 150w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpod-app-180x180.jpg 180w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpod-app-125x125.jpg 125w, https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-content\/uploads\/sites\/17\/2017\/09\/earpod-app-100x100.jpg 100w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t  <a class=\"quick-view\" data-prod=\"380\" href=\"#quick-view\">Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-7\">\n\t\t\tUncategorized\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/product\/headphone-app\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Headphone App<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&pound;<\/span>60.00<\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div>\n\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><!-- row -->\n\n\t<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Mandatory Accessories for product with ID 333: Mandatory Accessories \u2026 Quick View Uncategorized Charger &pound;500.00 Optional Product Accessories for ID 333: Optional Accessories \u2026 Quick View Uncategorized Headphone App &pound;60.00 Quick View Uncategorized Headphones &pound;50.00 Quick View Uncategorized Case &pound;20,000.00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-571","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/pages\/571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/comments?post=571"}],"version-history":[{"count":1,"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/pages\/571\/revisions"}],"predecessor-version":[{"id":572,"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/pages\/571\/revisions\/572"}],"wp:attachment":[{"href":"https:\/\/demos.welaunch.io\/woocommerce-product-accessories\/wp-json\/wp\/v2\/media?parent=571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}