Use Your Shop App Store as a Catalog

If you want to use your Shop App to showcase products without enabling direct online purchases, you can set it up as a display-only online catalog. To convert your store to a catalog, ensure you do not embed the Shopping Cart widget on your website.

Steps to Create a View-Only Online Catalog

1. Disable Checkout Functionality

You must disable all shipping and payment methods so customers cannot complete a purchase.

On the left-hand sidebar of your Shop App dashboard, click Shipping & Pickup. Disable all active shipping methods.
On the left-hand sidebar, click Payment. Disable all active payment options.

2. Hide E-Commerce Elements

Use the Design section to hide all elements related to purchasing, pricing, and checkout.

On the left-hand sidebar, click Design.
On Product Lists (Product Card details and layout): Disable the Price and Buy Now elements by choosing the Do Not Show option.
On Product Pages (Sidebar section): Uncheck the boxes to hide Price and Product quantity box.
Hide other unnecessary elements: Hide the Store Footer (which displays "track orders," "shopping bag," and "sign in" buttons) and the Sign In link.

3. Apply Custom CSS (Advanced)

For complete removal of purchasing functions, apply this custom CSS code.

Create a new CSS theme for your store and title it 'catalog only'.

Paste the following code:

/* 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;}

Save your code and click Activate.

4. Customize Store Labels

Use the Store Label Editor to change the default e-commerce terminology (e.g., changing "Add to Bag" or "Shopping Cart") to catalog-friendly text (e.g., "Inquire Now" or "Product List").