Use Your Shop App Store as a Catalog

If you're just getting started with your site, follow the process here here to building a shop page. 

To use the Shop App as a catalog, make sure you don't embed the Shopping Cart widget. If you've already embedded it, take a quick moment and remove it.

To turn your online store into an online catalog:

1. On the left-hand sidebar of your Shop App dashboard, click Shipping & Pickup to review your shipping methods. Disable all shipping methods if any are active.
2. On the left-hand sidebar, click Payment to review your payment options. Disable all payment options if any are active.
3. On the left-hand sidebar, click Design, then hide e-commerce elements like Buy Now buttons and Add to Bag buttons in the product list and product pages in Design section in your Shop App dashboard:
   • • Disable Price and Buy Now elements on product list by choosing the Do Not Show option for them in the Product Card details and layout section:
       
     • Hide Price and Qty box in product details pages by unchecking these elements in the Sidebar section:
       
     • Hide other unnecessary elements like Store Footer (where "track orders", "shopping bag" and "sign in" buttons are displayed) and Sign In link:
       
4. To fully customize the store to only function as a catalog, you'll need to create a new CSS theme:
   
5. Create a new CSS theme for your store and title it 'catalog only'.
   
6. Paste the code below. Be sure to save your code, then click activate.
   

   /* remove cart quantity, price, and total from left column of cart */
   .ec-size .ec-store .ec-cart-item__count,
   .ec-size .ec-store .ec-cart-item__price,
   .ec-size .ec-store .ec-cart-summary { display: none; }
   .product-details-module.product-details__action-panel.details-product-purchase {display: none;}

7. The last step is to use the Store Label Editor. Click Settings > Edit Store Labels to add custom text to your store. The ways you customize the text in your store are 100% up to you and depend on the verbiage you'd like to display. To learn more about using the Store Label Editor, click here to read the full article.