{"id":529,"date":"2014-04-25T14:19:41","date_gmt":"2014-04-25T14:19:41","guid":{"rendered":"http:\/\/topdevs.net\/smart-product-viewer\/?page_id=529"},"modified":"2014-08-08T06:57:44","modified_gmt":"2014-08-08T06:57:44","slug":"woocommerce-360-product-view","status":"publish","type":"page","link":"http:\/\/topdevs.net\/smart-product-viewer\/woocommerce-360-product-view\/","title":{"rendered":"WooCommerce 360 Product View"},"content":{"rendered":"<h2><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-579\" src=\"http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/04\/woocommerce-logo-300x62.png\" alt=\"woocommerce-360-product-view\" width=\"221\" height=\"46\" srcset=\"http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/04\/woocommerce-logo-300x62.png 300w, http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/04\/woocommerce-logo-100x20.png 100w, http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/04\/woocommerce-logo.png 600w\" sizes=\"auto, (max-width: 221px) 100vw, 221px\" \/> 360 Product View<\/h2>\n<p>&nbsp;<\/p>\n<div class=\"column-grid column-grid-12\"><div class=\"column column-span-8 column-push-2 column-first\"><\/p>\n<div class=\"woocommerce\">\t\t\t<div class=\"single-product\" data-product-page-preselected-id=\"0\">\n\t\t\t\t<div class=\"woocommerce-notices-wrapper\"><\/div><div id=\"product-534\" class=\"product type-product post-534 status-publish first instock product_cat-shoes has-post-thumbnail shipping-taxable purchasable product-type-simple\">\n\n\t\t\t\t\n\t\t\t<div class=\"woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images\">\n\t\t\t\t<figure class=\"woocommerce-product-gallery__wrapper\">\n\t\t\t\t\t<div id=\"threesixty-slider-473_DyHN6C\" class=\"threesixty-loading threesixty-image threesixty-light-blue threesixty-flat-round threesixty-no-border\" style=\"width: 800px;\">\n\t<div class=\"threesixty-preview-473_DyHN6C\"><img decoding=\"async\" class=\"threesixty-preview-image\" src=\"http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-01.jpg\"\/><\/div>\n\t<div class=\"threesixty-spinner threesixty-spinner-473_DyHN6C\">\n\t\t<span>0%<\/span>\n\t<\/div>\n\t<ol class=\"threesixty-images threesixty-images-473_DyHN6C\"><\/ol>\n\t\t\t<a href=\"#threesixty-slider-473_DyHN6C\" class=\"threesixty-mfp-anchor\"><\/a>\n\t<\/div>\n<!--SPV--><script type=\"text\/javascript\">\/\/SPV\n(function($) {\n\t\"use strict\";\n\t\t$('#threesixty-slider-473_DyHN6C .threesixty-mfp-anchor').magnificPopup({\n\t\ttype:'inline',\n\t\tcloseOnBgClick: true,\n\t\tmidClick: true,\n\t\tcallbacks: {\n\t\t\t resize: function() {\n\t\t\t \tvar originalHeight \t= 762,\n\t\t\t \t\toriginalWidth \t= 800,\n\t\t\t \t\tmfpHeight \t\t= 762,\n\t\t\t \t\tmfpWidth \t\t= 800,\n\t\t\t \t\tratio \t\t\t= originalWidth \/ originalHeight,\n\t\t\t \t\twinHeight \t\t= $(window).height(),\n\t\t\t \t\twinWidth \t\t= $(window).width();\n\t\t\t \t\n\t\t\t \tif ( originalHeight > winHeight * 0.9 ) {\n\t\t\t \t\tmfpHeight \t\t= winHeight * 0.9;\n\t\t\t \t\tmfpWidth \t\t= mfpHeight * ratio;\n\t\t\t\t}\n\t\t\t\tif ( mfpWidth > winWidth * 0.9 ) {\n\t\t\t \t\tmfpWidth \t\t= winWidth * 0.9;\n\t\t\t \t\tmfpHeight \t\t= mfpWidth \/ ratio;\n\t\t\t\t}\n\t\t\t \tif ( mfpHeight < originalHeight && mfpWidth < originalWidth ) {\n\t\t\t\t    $('#threesixty-slider-473_DyHN6C').height(mfpHeight);\n\t\t\t\t    $('#threesixty-slider-473_DyHN6C').width(mfpWidth);\n\t\t\t\t} \n\t\t\t\telse {\n\t\t\t\t    $('#threesixty-slider-473_DyHN6C').height(originalHeight);\n\t\t\t\t    $('#threesixty-slider-473_DyHN6C').width(originalWidth);\n\t\t\t\t}\n\t\t\t},\n\t\t\tclose: function() {\n\t\t\t    $('#threesixty-slider-473_DyHN6C').height('auto');\n\t\t\t    $('#threesixty-slider-473_DyHN6C').width(800);\n\t\t\t}\n\t\t},\n\t\tcloseMarkup :\"<button class=\\\"mfp-close\\\"><\/button>\"\n\t});\n\t\tvar product_473_DyHN6C = $('#threesixty-slider-473_DyHN6C').ThreeSixty({\n\t\ttotalFrames: 36,\n\t\tendFrame: 0,\n\t\tcurrentFrame: 36,\n\t\timgList: '.threesixty-images-473_DyHN6C',\n\t\tprogress: '.threesixty-spinner-473_DyHN6C',\n\t\tpreview: '.threesixty-preview-473_DyHN6C',\n\t\timages: ['http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-36.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-35.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-34.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-33.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-32.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-31.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-30.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-29.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-28.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-27.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-26.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-25.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-24.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-23.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-22.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-21.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-20.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-19.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-18.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-17.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-16.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-15.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-14.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-13.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-12.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-11.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-10.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-09.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-08.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-07.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-06.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-05.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-04.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-03.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-02.jpg','http:\/\/topdevs.net\/smart-product-viewer\/files\/2014\/03\/shoe-800-01.jpg'],\n\t\theight: 0,\n\t\twidth: 800,\n\t\tnavigation: true,\n\t\tdrag: true,\n\t\tshowCursor: true,\n\t\tinterval: 40,\n\t\tspeedMultiplier: 7,\n\t\tmonitorInt: 10,\n\t\t\t\tonReady: function() {\n\t\t\t$(\"#threesixty-slider-473_DyHN6C\").removeClass('threesixty-loading');\n\t\t\t\t\t\t\t\t}\n\t\t\t});\n\t\t\t}(jQuery));\n<\/script>\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t<\/div>\n\t\t\n\t\t\n\t<div class=\"summary entry-summary\">\n\t\t<h1 class=\"product_title entry-title\">Amazing Shoe<\/h1>\n\t<div class=\"woocommerce-product-rating\">\n\t\t<div class=\"star-rating\" role=\"img\" aria-label=\"Rated 5.00 out of 5\"><span style=\"width:100%\">Rated <strong class=\"rating\">5.00<\/strong> out of 5 based on <span class=\"rating\">1<\/span> customer rating<\/span><\/div>\t\t\t\t\t\t\t\t<a href=\"#reviews\" class=\"woocommerce-review-link\" rel=\"nofollow\">(<span class=\"count\">1<\/span> customer review)<\/a>\n\t\t\t\t\t\t<\/div>\n\n<p class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>20.00<\/bdi><\/span><\/p>\n<div class=\"woocommerce-product-details__short-description\">\n\t<p>Show any &#8220;Smart Product&#8221; as WooCommerce Product Image. Easy adjust options via userfriendly metabox available on every WooCommerce Product Edit page in your WordPress Dashboard.<\/p>\n<\/div>\n\n\t\n\t<form class=\"cart\" action=\"\" method=\"post\" enctype='multipart\/form-data'>\n\t\t\n\t\t<div class=\"quantity\">\n\t\t<label class=\"screen-reader-text\" for=\"quantity_6a1b3a1b32fae\">Amazing Shoe quantity<\/label>\n\t<input\n\t\ttype=\"number\"\n\t\t\t\tid=\"quantity_6a1b3a1b32fae\"\n\t\tclass=\"input-text qty text\"\n\t\tname=\"quantity\"\n\t\tvalue=\"1\"\n\t\taria-label=\"Product quantity\"\n\t\t\t\tmin=\"1\"\n\t\t\t\t\t\t\tstep=\"1\"\n\t\t\tplaceholder=\"\"\n\t\t\tinputmode=\"numeric\"\n\t\t\tautocomplete=\"off\"\n\t\t\t\/>\n\t<\/div>\n\n\t\t<button type=\"submit\" name=\"add-to-cart\" value=\"534\" class=\"single_add_to_cart_button button alt\">Add to cart<\/button>\n\n\t\t\t<\/form>\n\n\t\n<div class=\"product_meta\">\n\n\t\n\t\n\t<span class=\"posted_in\">Category: <a href=\"http:\/\/topdevs.net\/smart-product-viewer\/product-category\/shoes\/\" rel=\"tag\">Shoes<\/a><\/span>\n\t\n\t\n<\/div>\n\t<\/div>\n\n\t\n\t<div class=\"woocommerce-tabs wc-tabs-wrapper\">\n\t\t<ul class=\"tabs wc-tabs\" role=\"tablist\">\n\t\t\t\t\t\t\t<li role=\"presentation\" class=\"description_tab\" id=\"tab-title-description\">\n\t\t\t\t\t<a href=\"#tab-description\" role=\"tab\" aria-controls=\"tab-description\">\n\t\t\t\t\t\tDescription\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li role=\"presentation\" class=\"reviews_tab\" id=\"tab-title-reviews\">\n\t\t\t\t\t<a href=\"#tab-reviews\" role=\"tab\" aria-controls=\"tab-reviews\">\n\t\t\t\t\t\tReviews (1)\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t\t<div class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--description panel entry-content wc-tab\" id=\"tab-description\" role=\"tabpanel\" aria-labelledby=\"tab-title-description\">\n\t\t\t\t\n\t<h2>Description<\/h2>\n\n<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.<\/p>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"woocommerce-Tabs-panel woocommerce-Tabs-panel--reviews panel entry-content wc-tab\" id=\"tab-reviews\" role=\"tabpanel\" aria-labelledby=\"tab-title-reviews\">\n\t\t\t\t\n<!-- You can start editing here. -->\n\n\t<h3 id=\"comments\">\n\t\tOne response to &#8220;Amazing Shoe&#8221;\t<\/h3>\n\n\t<div class=\"navigation\">\n\t\t<div class=\"alignleft\"><\/div>\n\t\t<div class=\"alignright\"><\/div>\n\t<\/div>\n\n\t<ol class=\"commentlist\">\n\t\t\t<li class=\"comment byuser comment-author-admin bypostauthor even thread-even depth-1\" id=\"comment-2\">\n\t\t\t\t<div id=\"div-comment-2\" class=\"comment-body\">\n\t\t\t\t<div class=\"comment-author vcard\">\n\t\t\t<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/5bb9710e6318b7c1bdcb9c7ca8c33088b4885e6167eca6740d510b9e24c3244a?s=32&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/5bb9710e6318b7c1bdcb9c7ca8c33088b4885e6167eca6740d510b9e24c3244a?s=64&#038;d=mm&#038;r=g 2x' class='avatar avatar-32 photo' height='32' width='32' \/>\t\t\t<cite class=\"fn\">Ilya K.<\/cite> <span class=\"says\">says:<\/span>\t\t<\/div>\n\t\t\n\t\t<div class=\"comment-meta commentmetadata\">\n\t\t\t<a href=\"http:\/\/topdevs.net\/smart-product-viewer\/product\/amazing-shoe\/#comment-2\">February 2, 2016 at 11:20 am<\/a>\t\t<\/div>\n\n\t\t<p>Amazing!<\/p>\n\n\t\t<div class=\"reply\"><a rel=\"nofollow\" class=\"comment-reply-login\" href=\"http:\/\/topdevs.net\/smart-product-viewer\/wp-login.php?redirect_to=http%3A%2F%2Ftopdevs.net%2Fsmart-product-viewer%2Fproduct%2Famazing-shoe%2F\">Log in to Reply<\/a><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/li><!-- #comment-## -->\n\t<\/ol>\n\n\t<div class=\"navigation\">\n\t\t<div class=\"alignleft\"><\/div>\n\t\t<div class=\"alignright\"><\/div>\n\t<\/div>\n\n\t<div id=\"respond\" class=\"comment-respond\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Leave a Reply <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/529#respond\" style=\"display:none;\">Cancel reply<\/a><\/small><\/h3><p class=\"must-log-in\">You must be <a href=\"http:\/\/topdevs.net\/smart-product-viewer\/wp-login.php?redirect_to=http%3A%2F%2Ftopdevs.net%2Fsmart-product-viewer%2Fproduct%2Famazing-shoe%2F\">logged in<\/a> to post a comment.<\/p>\t<\/div><!-- #respond -->\n\t\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n\n<\/div>\n\n\t\t\t<\/div>\n\t\t\t<\/div>\n<p>\n<\/div>\n<div class=\"column column-span-2 column-push-0 column-last\"><\/p>\n<p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>360 Product View &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template.page.fullwidth.php","meta":{"footnotes":""},"class_list":["post-529","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/comments?post=529"}],"version-history":[{"count":60,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/529\/revisions"}],"predecessor-version":[{"id":653,"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/pages\/529\/revisions\/653"}],"wp:attachment":[{"href":"http:\/\/topdevs.net\/smart-product-viewer\/wp-json\/wp\/v2\/media?parent=529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}