<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>shopify - identity design</title>
	<atom:link href="https://blog.identitydesign.us/category/shopify/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.identitydesign.us/category/shopify/</link>
	<description>Web Tips &#38; Free Templates</description>
	<lastBuildDate>Fri, 18 Feb 2022 21:13:22 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://blog.identitydesign.us/wp-content/uploads/2020/08/Screen-Shot-2020-08-08-at-1.08.24-AM-120x120.jpg</url>
	<title>shopify - identity design</title>
	<link>https://blog.identitydesign.us/category/shopify/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Display Product Description On Shopify Cart Page</title>
		<link>https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/</link>
					<comments>https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/#respond</comments>
		
		<dc:creator><![CDATA[djemals]]></dc:creator>
		<pubDate>Fri, 18 Feb 2022 21:13:22 +0000</pubDate>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[HTML/CSS/PHP/JavaScripts]]></category>
		<category><![CDATA[shopify]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Website]]></category>
		<guid isPermaLink="false">http://blog.identitydesign.us/?p=1722</guid>

					<description><![CDATA[<p>Shopify cart page won&#8217;t have description blurb in default. Below is how to add the description blurb on the cart page. Display Product Description on Shopify Cart Page Tested on &#8220;Dawn Theme&#8221; &#60;div class=&#34;cart-item__product__description&#34;&#62;{{ item.product.description }}&#60;/div&#62; Add the code to the main-cart-items.liquid file.</p>
<p>The post <a href="https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/">Display Product Description On Shopify Cart Page</a> first appeared on <a href="https://blog.identitydesign.us">identity design</a>.</p>
<p>The post <a href="https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/">Display Product Description On Shopify Cart Page</a> appeared first on <a href="https://blog.identitydesign.us">identity design</a>.</p>
<div class='yarpp yarpp-related yarpp-related-rss yarpp-template-list'>
<!-- YARPP List -->
<h3>Related posts:</h3><ol>
<li><a href="https://blog.identitydesign.us/display-inventory-quantity-shopify/" rel="bookmark" title="Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page">Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page</a></li>
<li><a href="https://blog.identitydesign.us/remove-product-description-and-reviews-tabs-woocommerce-storefront-theme/" rel="bookmark" title="Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme">Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme</a></li>
<li><a href="https://blog.identitydesign.us/woocommerce-astra-disable-cart-bubble/" rel="bookmark" title="WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu">WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu</a></li>
</ol>
</div>
]]></description>
										<content:encoded><![CDATA[<p>Shopify cart page won&#8217;t have description blurb in default. Below is how to add the description blurb on the cart page.</p>
<h3>Display Product Description on Shopify Cart Page</h3>
<h4>Tested on &#8220;Dawn Theme&#8221;</h4>
<pre>&lt;div class=&quot;cart-item__product__description&quot;&gt;{{ item.product.description }}&lt;/div&gt;
</pre>
<p>Add the code to the <code>main-cart-items.liquid</code> file.</p><p>The post <a href="https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/">Display Product Description On Shopify Cart Page</a> first appeared on <a href="https://blog.identitydesign.us">identity design</a>.</p><p>The post <a href="https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/">Display Product Description On Shopify Cart Page</a> appeared first on <a href="https://blog.identitydesign.us">identity design</a>.</p>
<div class='yarpp yarpp-related yarpp-related-rss yarpp-template-list'>
<!-- YARPP List -->
<h3>Related posts:</h3><ol>
<li><a href="https://blog.identitydesign.us/display-inventory-quantity-shopify/" rel="bookmark" title="Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page">Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page</a></li>
<li><a href="https://blog.identitydesign.us/remove-product-description-and-reviews-tabs-woocommerce-storefront-theme/" rel="bookmark" title="Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme">Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme</a></li>
<li><a href="https://blog.identitydesign.us/woocommerce-astra-disable-cart-bubble/" rel="bookmark" title="WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu">WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu</a></li>
</ol>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.identitydesign.us/display-product-description-on-shopify-cart-page/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page</title>
		<link>https://blog.identitydesign.us/display-inventory-quantity-shopify/</link>
					<comments>https://blog.identitydesign.us/display-inventory-quantity-shopify/#respond</comments>
		
		<dc:creator><![CDATA[djemals]]></dc:creator>
		<pubDate>Mon, 07 Feb 2022 21:58:03 +0000</pubDate>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[HTML/CSS/PHP/JavaScripts]]></category>
		<category><![CDATA[shopify]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Website]]></category>
		<guid isPermaLink="false">http://blog.identitydesign.us/?p=1712</guid>

					<description><![CDATA[<p>Shopify product page is not so friendly about exceeding the number of quantity in stock. The notification pops up, but users won&#8217;t know how much they can actually add more. Display Inventory Quantity on Shopify Product Page Tested on &#8220;Dawn Theme&#8221; &#60;div class=&#34;quantity_available&#34;&#62;{% if product.variants.first.inventory_management == &#34;shopify&#34; and product.variants.first.inventory_quantity &#62; 0 %} {{ product.variants.first.inventory_quantity }} [&#8230;]</p>
<p>The post <a href="https://blog.identitydesign.us/display-inventory-quantity-shopify/">Display Inventory Quantity “X items available in stock” On Shopify Product Page</a> first appeared on <a href="https://blog.identitydesign.us">identity design</a>.</p>
<p>The post <a href="https://blog.identitydesign.us/display-inventory-quantity-shopify/">Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page</a> appeared first on <a href="https://blog.identitydesign.us">identity design</a>.</p>
<div class='yarpp yarpp-related yarpp-related-rss yarpp-template-list'>
<!-- YARPP List -->
<h3>Related posts:</h3><ol>
<li><a href="https://blog.identitydesign.us/remove-product-description-and-reviews-tabs-woocommerce-storefront-theme/" rel="bookmark" title="Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme">Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme</a></li>
<li><a href="https://blog.identitydesign.us/css-only-modal-lightbox-pop-up-on-page-load/" rel="bookmark" title="CSS Only: Pop-up Modal Lightbox on Page Load">CSS Only: Pop-up Modal Lightbox on Page Load</a></li>
<li><a href="https://blog.identitydesign.us/woocommerce-astra-disable-cart-bubble/" rel="bookmark" title="WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu">WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu</a></li>
</ol>
</div>
]]></description>
										<content:encoded><![CDATA[<p>Shopify product page is not so friendly about exceeding the number of quantity in stock. The notification pops up, but users won&#8217;t know how much they can actually add more. <a href="https://blog.identitydesign.us/wp-content/uploads/2022/02/you-cant-add-more.png"><img decoding="async" src="https://blog.identitydesign.us/wp-content/uploads/2022/02/you-cant-add-more-300x60.png" alt="you-cant-add-more" width="300" height="60" class="aligncenter size-medium wp-image-1713" srcset="https://blog.identitydesign.us/wp-content/uploads/2022/02/you-cant-add-more-300x60.png 300w, https://blog.identitydesign.us/wp-content/uploads/2022/02/you-cant-add-more.png 310w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h3>Display Inventory Quantity on Shopify Product Page</h3>
<h4>Tested on &#8220;Dawn Theme&#8221;</h4>
<pre>&lt;div class=&quot;quantity_available&quot;&gt;{% if product.variants.first.inventory_management == &quot;shopify&quot; and product.variants.first.inventory_quantity &gt; 0 %}
{{ product.variants.first.inventory_quantity }} items available in stock.
{% endif %}&lt;/div&gt;
</pre>
<p>Add this code right above this code from <code>main-product.liquid</code> file.</p>
<pre>{%- when 'popup' -%}
</pre>
<p><img fetchpriority="high" decoding="async" width="924" height="390" src="https://blog.identitydesign.us/wp-content/uploads/2022/02/items-available.png" alt="items-available" class="aligncenter size-medium wp-image-1714" srcset="https://blog.identitydesign.us/wp-content/uploads/2022/02/items-available.png 924w, https://blog.identitydesign.us/wp-content/uploads/2022/02/items-available-300x127.png 300w, https://blog.identitydesign.us/wp-content/uploads/2022/02/items-available-768x324.png 768w, https://blog.identitydesign.us/wp-content/uploads/2022/02/items-available-624x263.png 624w" sizes="(max-width: 924px) 100vw, 924px" /> </p>
<p>The &#8220;8 items available in stock.&#8221; is now displayed above the <code>Add to cart</code> button.<br />
</p><p>The post <a href="https://blog.identitydesign.us/display-inventory-quantity-shopify/">Display Inventory Quantity “X items available in stock” On Shopify Product Page</a> first appeared on <a href="https://blog.identitydesign.us">identity design</a>.</p><p>The post <a href="https://blog.identitydesign.us/display-inventory-quantity-shopify/">Display Inventory Quantity &#8220;X items available in stock&#8221; On Shopify Product Page</a> appeared first on <a href="https://blog.identitydesign.us">identity design</a>.</p>
<div class='yarpp yarpp-related yarpp-related-rss yarpp-template-list'>
<!-- YARPP List -->
<h3>Related posts:</h3><ol>
<li><a href="https://blog.identitydesign.us/remove-product-description-and-reviews-tabs-woocommerce-storefront-theme/" rel="bookmark" title="Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme">Remove Product Description and Reviews Tabs in Woocommerce Storefront Theme</a></li>
<li><a href="https://blog.identitydesign.us/css-only-modal-lightbox-pop-up-on-page-load/" rel="bookmark" title="CSS Only: Pop-up Modal Lightbox on Page Load">CSS Only: Pop-up Modal Lightbox on Page Load</a></li>
<li><a href="https://blog.identitydesign.us/woocommerce-astra-disable-cart-bubble/" rel="bookmark" title="WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu">WooCommerce Astra: How to Disable Cart Bubble on Hover of the Cart Menu</a></li>
</ol>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://blog.identitydesign.us/display-inventory-quantity-shopify/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
