{"id":216,"date":"2016-11-14T08:41:44","date_gmt":"2016-11-14T08:41:44","guid":{"rendered":"https:\/\/www.annawerner.de\/?p=216"},"modified":"2019-04-29T07:37:38","modified_gmt":"2019-04-29T07:37:38","slug":"hide-the-price-range-for-woocommerce-variable-products","status":"publish","type":"post","link":"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/","title":{"rendered":"How to hide the Price Range for WooCommerce Variable Products"},"content":{"rendered":"<p>If you sell a variable product on WooCommerce, it\u2019s quite likely that different options come with different prices. In your store, customers can then choose a certain variation and will be charged the according price.<\/p>\n<p>When selling many different options, in some cases store owners don\u2019t want their customers to look at the full price spectrum when they get started. One reason could be, that customers sometimes don\u2019t want to pay more, if they now the cheapest price from the start. Or customers shouldn\u2019t be able to immediately compare their version to the highest price. Just as 2 possible examples.<\/p>\n<p class=\"p3\">To Remove the Price Range from being displayed, but still show the prices of Simple Products and Variable Products with the same price right underneath the title, you can add the following to your child themes function.php<\/p>\n<p><code>\/\/Remove Price Range<br \/>\nadd_filter( 'woocommerce_variable_sale_price_html', 'detect_variation_price_format', 10, 2 );<br \/>\nadd_filter( 'woocommerce_variable_price_html', 'detect_variation_price_format', 10, 2 );<br \/>\nfunction detect_variation_price_format( $price, $product ) {<br \/>\n\/\/ Main Price<br \/>\n$prices = array( $product-&gt;get_variation_price( 'min', true ), $product-&gt;get_variation_price( 'max', true ) );<br \/>\nif ($prices[0] !== $prices[1]) {<br \/>\n$price = $prices[0] !== $prices[1] ? sprintf( __( '', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );<br \/>\n}<br \/>\n\/\/ Sale Price<br \/>\n$prices = array( $product-&gt;get_variation_regular_price( 'min', true ), $product-&gt;get_variation_regular_price( 'max', true ) );<br \/>\nsort( $prices );<br \/>\n$saleprice = $prices[0] !== $prices[1] ? sprintf( __( '', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );<br \/>\nif ( $price !== $saleprice ) {<br \/>\n$price = '&lt;del&gt;' . $saleprice . '&lt;\/del&gt; &lt;ins&gt;' . $price . '&lt;\/ins&gt;';<br \/>\n}<br \/>\nreturn $price;<br \/>\n}<br \/>\n<\/code><\/p>\n<div class=\"half-width\">It will turn this:<\/p>\n<div id=\"attachment_217\" style=\"width: 380px\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-217\" class=\"wp-image-217 \" src=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-with-Price-Range.png\" alt=\"AnnaWerner_Variable-Product-with-Price-Range\" width=\"370\" height=\"241\" srcset=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-with-Price-Range.png 1984w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-with-Price-Range-300x196.png 300w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-with-Price-Range-768x502.png 768w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-with-Price-Range-1024x669.png 1024w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-with-Price-Range-1080x705.png 1080w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><p id=\"caption-attachment-217\" class=\"wp-caption-text\">Variable Product With Price Range<\/p><\/div>\n<\/div>\n<div class=\"half-width\">\n<p>To this:<\/p>\n<div id=\"attachment_218\" style=\"width: 390px\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-218\" class=\"wp-image-218 \" src=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-without-Price-Range.png\" alt=\"AnnaWerner_Variable-Product-without-Price-Range\" width=\"380\" height=\"245\" srcset=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-without-Price-Range.png 1948w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-without-Price-Range-300x194.png 300w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-without-Price-Range-768x496.png 768w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-without-Price-Range-1024x661.png 1024w, https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/AnnaWerner_Variable-Product-without-Price-Range-1080x697.png 1080w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><p id=\"caption-attachment-218\" class=\"wp-caption-text\">Variable Product Without Price Range<\/p><\/div>\n<\/div>\n<h2><\/h2>\n<h2>Additional helpful snippets:<\/h2>\n<h3>Hide price range only on single product pages<\/h3>\n<p>If you still like to show the price range on archives and category pages, you can change the code below main price to:<\/p>\n<p><code>\/\/ Main Price<br \/>\n$prices = array( $product-&gt;get_variation_price( 'min', true ), $product-&gt;get_variation_price( 'max', true ) );<br \/>\nif ($prices[0] !== $prices[1] &amp;&amp; is_product()) {<br \/>\n$price = $prices[0] !== $prices[1] ? sprintf( __( '', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );<br \/>\n}<br \/>\n<\/code><\/p>\n<h3>Move variant price above variations<\/h3>\n<p>You might want to keep the look and feel of all the other products and display the price above the variations. It might be, where your customers look first, as this is where the price usually displays. (Though keep in mind &#8211; if you have a long description and\/or many variations options it could be too far from the add to cart button.)<\/p>\n<p>If you do want to use it, add this code as well to your functions.php<\/p>\n<p><code>\/\/Move Variations price above variations to have the same template even if variations prices are the same<br \/>\nremove_action( \u2018woocommerce_single_variation\u2019, \u2018woocommerce_single_variation\u2019, 10 );<br \/>\nadd_action( \u2018woocommerce_before_variations_form\u2019, \u2018woocommerce_single_variation\u2019, 10 );<\/code><\/p>\n<p><em>Thank you mag for this snippet<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you sell a variable product on WooCommerce, it\u2019s quite likely that different options come with different prices. In your store, customers can then choose a certain variation and will be charged the according price. When selling many different options, in some cases store owners don\u2019t want their customers to look at the full price [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":297,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"footnotes":""},"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to hide the Price Range for WooCommerce Variable Products - Anna Schneider<\/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:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to hide the Price Range for WooCommerce Variable Products - Anna Schneider\" \/>\n<meta property=\"og:description\" content=\"If you sell a variable product on WooCommerce, it\u2019s quite likely that different options come with different prices. In your store, customers can then choose a certain variation and will be charged the according price. When selling many different options, in some cases store owners don\u2019t want their customers to look at the full price [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/\" \/>\n<meta property=\"og:site_name\" content=\"Anna Schneider\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-14T08:41:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-29T07:37:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/Bildschirmfoto-2016-11-28-um-18.10.59-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1712\" \/>\n\t<meta property=\"og:image:height\" content=\"1094\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"anna\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"anna\" \/>\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:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/\",\"url\":\"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/\",\"name\":\"How to hide the Price Range for WooCommerce Variable Products - Anna Schneider\",\"isPartOf\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/#website\"},\"datePublished\":\"2016-11-14T08:41:44+00:00\",\"dateModified\":\"2019-04-29T07:37:38+00:00\",\"author\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844\"},\"breadcrumb\":{\"@id\":\"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/annaschneider.me\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to hide the Price Range for WooCommerce Variable Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#website\",\"url\":\"https:\/\/annaschneider.me\/blog\/\",\"name\":\"Anna Schneider\",\"description\":\"Front-End Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/annaschneider.me\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844\",\"name\":\"anna\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g\",\"caption\":\"anna\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to hide the Price Range for WooCommerce Variable Products - Anna Schneider","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:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/","og_locale":"en_US","og_type":"article","og_title":"How to hide the Price Range for WooCommerce Variable Products - Anna Schneider","og_description":"If you sell a variable product on WooCommerce, it\u2019s quite likely that different options come with different prices. In your store, customers can then choose a certain variation and will be charged the according price. When selling many different options, in some cases store owners don\u2019t want their customers to look at the full price [&hellip;]","og_url":"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/","og_site_name":"Anna Schneider","article_published_time":"2016-11-14T08:41:44+00:00","article_modified_time":"2019-04-29T07:37:38+00:00","og_image":[{"width":1712,"height":1094,"url":"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/Bildschirmfoto-2016-11-28-um-18.10.59-1.png","type":"image\/png"}],"author":"anna","twitter_card":"summary_large_image","twitter_misc":{"Written by":"anna","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/","url":"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/","name":"How to hide the Price Range for WooCommerce Variable Products - Anna Schneider","isPartOf":{"@id":"https:\/\/annaschneider.me\/blog\/#website"},"datePublished":"2016-11-14T08:41:44+00:00","dateModified":"2019-04-29T07:37:38+00:00","author":{"@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844"},"breadcrumb":{"@id":"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/annaschneider.me\/blog\/hide-the-price-range-for-woocommerce-variable-products\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/annaschneider.me\/blog\/"},{"@type":"ListItem","position":2,"name":"How to hide the Price Range for WooCommerce Variable Products"}]},{"@type":"WebSite","@id":"https:\/\/annaschneider.me\/blog\/#website","url":"https:\/\/annaschneider.me\/blog\/","name":"Anna Schneider","description":"Front-End Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/annaschneider.me\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/aed03681a2dc960294c5442477a37844","name":"anna","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/annaschneider.me\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6c797411dcaa0edbe0f7d081dd142432?s=96&d=mm&r=g","caption":"anna"}}]}},"jetpack_featured_media_url":"https:\/\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/11\/Bildschirmfoto-2016-11-28-um-18.10.59-1.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9x5Dx-3u","jetpack-related-posts":[{"id":109,"url":"https:\/\/annaschneider.me\/blog\/including-eu-vat-in-woocommerce\/","url_meta":{"origin":216,"position":0},"title":"Including EU VAT in WooCommerce","author":"anna","date":"March 7, 2016","format":false,"excerpt":"When selling digital goods in the European Union, taxes need to be paid. Since 2015, electronic services and products in Europe are bound to the value added tax (VAT). Though they are not collected by an european institution, but every\u00a0member state is required to adopt the VAT law. Practically, this\u2026","rel":"","context":"In &quot;Technical Issues&quot;","block_context":{"text":"Technical Issues","link":"https:\/\/annaschneider.me\/blog\/technicalissues\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/03\/EUVAT.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":405,"url":"https:\/\/annaschneider.me\/blog\/calculate-shipping-cost-including-tax-woocommerce\/","url_meta":{"origin":216,"position":1},"title":"How to calculate shipping cost including tax for WooCommerce","author":"anna","date":"June 19, 2017","format":false,"excerpt":"In many countries, shipping cost has to be calculated including the local tax rate. For most products in Germany for example, the tax rate is 19% and therefore shipping has to add 19% of tax to its cost. WooCommerce automatically adds the tax to the set shipping cost, if set.\u2026","rel":"","context":"In &quot;WooCommerce&quot;","block_context":{"text":"WooCommerce","link":"https:\/\/annaschneider.me\/blog\/woocommerce\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":306,"url":"https:\/\/annaschneider.me\/blog\/sepa-woocommerce-subscriptions\/","url_meta":{"origin":216,"position":2},"title":"SEPA and WooCommerce Subscriptions","author":"anna","date":"January 16, 2017","format":false,"excerpt":"In Europe and in my experience a lot in Germany, direct debit is a commonly used payment method - no matter if for single payments or subscriptions. Credit Cards on the other hand are much less widespread. Instead there are still many households who don\u2019t even own one. And cheques\u2026","rel":"","context":"In &quot;WooCommerce&quot;","block_context":{"text":"WooCommerce","link":"https:\/\/annaschneider.me\/blog\/woocommerce\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/01\/aw_sepa_woo.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/01\/aw_sepa_woo.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/01\/aw_sepa_woo.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/01\/aw_sepa_woo.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":341,"url":"https:\/\/annaschneider.me\/blog\/how-to-update-woocommerce-like-a-pro\/","url_meta":{"origin":216,"position":3},"title":"How to update WooCommerce like a Pro","author":"anna","date":"April 26, 2017","format":false,"excerpt":"WooCommerce in a WordPress installation can be a powerful e-commerce setup. To stay that way, the CMS and the plugin need to be upgraded to ensure performance, to stay secure and to look and function continuously well. As important as these updates are, there can always be bugs and conflicts\u2026","rel":"","context":"In &quot;WooCommerce&quot;","block_context":{"text":"WooCommerce","link":"https:\/\/annaschneider.me\/blog\/woocommerce\/"},"img":{"alt_text":"Updating WooCommerce","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/04\/WooCommerceUpdates.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":399,"url":"https:\/\/annaschneider.me\/blog\/first-plugin-publication-woocommerce-unique-selling-propositions-woo-usp\/","url_meta":{"origin":216,"position":4},"title":"Plugin: WooCommerce Unique Selling Propositions (Woo USP)","author":"anna","date":"June 3, 2017","format":false,"excerpt":"Remind your customers why they should order your products right when they might need a push \u2013 on the single product page. With this plugin, you can: insert up to 5 Unique Selling Propositions (USP) display them right underneath the \u201eAdd To Cart\u201c button on WooCommerce single product pages choose\u2026","rel":"","context":"In &quot;WordPress Tips&quot;","block_context":{"text":"WordPress Tips","link":"https:\/\/annaschneider.me\/blog\/wordpress-tips\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/06\/banner-1544x500-rtl.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/06\/banner-1544x500-rtl.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/06\/banner-1544x500-rtl.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/06\/banner-1544x500-rtl.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/06\/banner-1544x500-rtl.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2017\/06\/banner-1544x500-rtl.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":191,"url":"https:\/\/annaschneider.me\/blog\/the-storefront-parallax-image-plugin\/","url_meta":{"origin":216,"position":5},"title":"The Storefront Parallax Image Plugin","author":"anna","date":"May 13, 2016","format":false,"excerpt":"The Prallax effect is a nice add-on for modern websites. While adding some interesting looks, it's not obtrusive and it makes scrolling down a page more fun - at least in my opinion. WooThemes has a nice extension that integrates with Storefront:\u00a0Storefront Parallax Hero. There are two different ways, to\u2026","rel":"","context":"In &quot;Customization&quot;","block_context":{"text":"Customization","link":"https:\/\/annaschneider.me\/blog\/customization\/"},"img":{"alt_text":"ParallaxEffect","src":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/05\/ParallaxEffect-300x154.gif?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/05\/ParallaxEffect-300x154.gif?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/annaschneider.me\/blog\/wp-content\/uploads\/2016\/05\/ParallaxEffect-300x154.gif?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/216"}],"collection":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":10,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/216\/revisions"}],"predecessor-version":[{"id":48573,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/posts\/216\/revisions\/48573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/media\/297"}],"wp:attachment":[{"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/media?parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/categories?post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/annaschneider.me\/blog\/wp-json\/wp\/v2\/tags?post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}