<!-- wp:image {"align":"center","id":234,"sizeSlug":"large","linkDestination":"none"} -->
<div class="wp-block-image"><figure class="aligncenter size-large"><img src="https://www.mojoin.com/wp-content/uploads/2020/12/fixed-displaying-2ps-collectionpage-1024x536.jpg" alt="fixed products" class="wp-image-234"/><figcaption>Fixed Display Products on Collection Page</figcaption></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>When we customize the Shopify store for our clients, a few of them ask to see if we can keep some products always at the top of a collection page no matter what sort of conditions selected. We deep into the Shopify collection template liquid source code, eventually we found a solution to accomplish this task. Today, I will show you how to achieve this feature step by step, We are assuming you are using the Shopify Debut theme. Because we are going to use the free Debut theme as an example, all the others, a similar logic should be applied.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In the Shopify Collection template, we can use the Shopify <a href="https://shopify.dev/docs/storefront-api/reference/products/collection">Collection</a> object's <a href="https://shopify.dev/docs/storefront-api/reference/products/product">products </a>property to find our specified product data.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p> </p>
<!-- /wp:paragraph -->