{"id":1527,"date":"2012-04-01T03:51:23","date_gmt":"2012-04-01T03:51:23","guid":{"rendered":"http:\/\/www.tipsandtricks-hq.com\/ecommerce\/?p=1527"},"modified":"2020-11-11T13:49:49","modified_gmt":"2020-11-11T02:49:49","slug":"wp-estore-compact-cart-display-templates","status":"publish","type":"post","link":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-estore-compact-cart-display-templates-1527","title":{"rendered":"WP eStore Compact Cart Display Templates"},"content":{"rendered":"<p>WP eStore comes with a few compact shopping cart display templates. You can use these to show a compact version of the shopping cart on your sidebar.<\/p>\n<p>You can add the following item to the cart and see how the compact shopping cart display looks like<\/p>\n<div class=\"eStore-product eStore-fancy-wrapper\"><div class=\"eStore-thumbnail\"><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2012\/01\/fancy-display-demo-photo.jpg\" rel=\"lightbox[Fancy Display Test 3]\" title=\"Fancy Display Test 3\"><img decoding=\"async\" class=\"thumb-image\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2012\/01\/fancy-display-demo-photo.jpg\" alt=\"Fancy Display Test 3\" \/><\/a><\/div><a href=\"https:\/\/s3.amazonaws.com\/images-tthq\/amazing-photos\/group2\/antartic-photo-250_250.jpg\" rel=\"lightbox[Fancy Display Test 3]\" title=\"Fancy Display Test 3\"><\/a><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/08\/wordpress-commerce-product-category-example.jpg\" rel=\"lightbox[Fancy Display Test 3]\" title=\"Fancy Display Test 3\"><\/a><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/09\/demo-engraving-product.jpg\" rel=\"lightbox[Fancy Display Test 3]\" title=\"Fancy Display Test 3\"><\/a><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2010\/05\/fancy4-product-image2.jpg\" rel=\"lightbox[Fancy Display Test 3]\" title=\"Fancy Display Test 3\"><\/a><div class=\"eStore-product-description\"><div class=\"eStore-product-name\">Fancy Display Test 3<\/div>This is another test product to show how the fancy display looks like. This product has multiple images which are shown below the main thumbnail image. You can insert plain HTML in this description area too.<div class=\"eStore_oldprice\"><strong>Price: <\/strong><span class=\"eStore_price_value_old\">$37.00<\/span><\/div><div class=\"eStore_price\"><span class=\"eStore_price_label\"><strong>Price: <\/strong><\/span><span class=\"eStore_price_value\">$29.95<\/span><\/div><form method=\"post\" action=\"\" class=\"eStore-button-form eStore-button-form-28\" style=\"display:inline\" onsubmit=\"return ReadForm1(this, 1);\"><div class=\"eStore_variation_top\"><\/div><input type=\"hidden\" name=\"add_qty\" value=\"1\" \/><input type=\"submit\" value=\"Add to Cart\" class=\"eStore_button eStore_add_to_cart_button\" \/><input type=\"hidden\" name=\"estore_product_name\" value=\"Fancy Display Test 3\" \/><input type=\"hidden\" name=\"product_name_tmp1\" value=\"Fancy Display Test 3\" \/><input type=\"hidden\" name=\"thumbnail_url\" value=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2012\/01\/fancy-display-demo-photo.jpg\" \/><input type=\"hidden\" name=\"price\" value=\"29.95\" \/><input type=\"hidden\" name=\"price_tmp1\" value=\"29.95\" \/><input type=\"hidden\" name=\"price_tmp1_old\" value=\"37\" \/><input type=\"hidden\" name=\"item_number\" value=\"28\" \/><input type=\"hidden\" name=\"shipping\" value=\"\" \/><input type=\"hidden\" name=\"tax\" value=\"\" \/><input type=\"hidden\" name=\"addcart_eStore\" value=\"1\" \/><input type=\"hidden\" name=\"cartLink\" value=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/1527\" \/><input type=\"hidden\" name=\"digital_flag\" value=\"1\" \/><\/form><div class=\"eStore_item_added_msg eStore_item_added_msg-28\"><\/div><\/div><\/div>\n<h2>1) Compact Cart Display Option 1<\/h2>\n<p>This compact cart will display here when there are items in the cart.<\/p>\n<div class=\"estore-cart-wrapper-4\"><\/div>\n<h2>2) Compact Cart Display Option 2<\/h2>\n<div class=\"eStore_compact_cart2 estore-cart-wrapper-5\">Cart is empty (0)<\/div>\n<h2>3) Compact Cart Display Option 3<\/h2>\n<div class=\"eStore_compact_cart3 estore-cart-wrapper-6\"><div class=\"eStore_compact_cart3_container\">Cart is empty<span class=\"eStore_compact_cart3_price\"> $0.00<\/span><\/div><\/div>\n<h2>4) Compact Cart Display Option 4<\/h2>\n<div class=\"eStore_compact_cart4 estore-cart-wrapper-7\"><div class=\"eStore_compact_cart4_container\">Cart is empty<span class=\"eStore_compact_cart4_price\"> $0.00<\/span><\/div><\/div>\n<h2>5) Compact Cart Display Option 5<\/h2>\n<div class=\"eStore_compact_cart5 estore-cart-wrapper-8\"><div class=\"eStore_compact_cart5_container\"><div class=\"eStore_compact_cart5_inside\"><a class=\"eStore_compact_cart5_view_cart_link\" href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/checkout-page-demo-1521#wp_cart_anchor\">0 Items<\/a><\/div><\/div><\/div>\n<h2>How to Use a Compact Shopping Cart on Your Site?<\/h2>\n<p>You can use any of the above mentioned compact cart on your site by using a shortcode. Please refer to our <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-estore-shortcodes-and-functions-reference-460\">shortcodes list documentation<\/a><\/strong><\/span> for details.<\/p>\n<p>Remember that the compact shopping cart also requires that you use the full cart somewhere on your site. You can create a specific checkout page where you show the full cart and then use the compact cart in the sidebar or header area.<\/p>\n<p><a href=\"https:\/\/support.tipsandtricks-hq.com\/forums\/topic\/how-to-create-a-specific-checkout-page-for-estore\" target=\"_blank\" rel=\"noopener noreferrer\">This page<\/a>\u00c2\u00a0explains how you can create a specific cart checkout page for your site. When the users click on the &#8220;view cart&#8221; link inside the compact cart, it will take them to this cart checkout page.<\/p>\n<h2>Full Shopping Cart Display Templates<\/h2>\n<p>In addition to the above compact\u00c2\u00a0cart templates, the WP eStore plugin comes with a few full\u00c2\u00a0cart shortcodes also.<\/p>\n<p>View the <span style=\"text-decoration: underline;\"><strong><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-estore-shopping-cart-templates-full-cart-display-options-3954\">shopping cart display options<\/a><\/strong><\/span> page to learn more about it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WP eStore comes with a few compact shopping cart display templates. You can use these to show a compact version of the shopping cart on your sidebar. You can add the following item to the cart and see how the compact shopping cart display looks like 1) Compact Cart Display Option 1 This compact cart [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[13,3],"tags":[178,179,32],"class_list":{"0":"post-1527","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-additional-resources","7":"category-wordpress-estore","8":"tag-cart-shortcode","9":"tag-compact-cart","10":"tag-wp-shopping-cart","11":"entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/1527"}],"collection":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/comments?post=1527"}],"version-history":[{"count":0,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/1527\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/media?parent=1527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/categories?post=1527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/tags?post=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}