Setting up Your Shop App as an Online Catalog

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.

  1. On the left-hand sidebar, click Design.

  2. On Product Lists (Product Card details and layout): Disable the Price and Buy Now elements by choosing the Do Not Show option.
    shop-app-catalog-01-hide-price-design.jpg

  3. On Product Pages (Sidebar section): Uncheck the boxes to hide Price and Product quantity box.
    shop-app-catalog-02-hide-price-design.jpg

  4. Hide other unnecessary elements: Hide the Store Footer (which displays "track orders," "shopping bag," and "sign in" buttons) and the Sign In link.
    shop-app-catalog-03-hide-price-design.jpg

3. Apply Custom CSS (Advanced)

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

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

  2. 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;}

  3. 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").

  • Click Settings > Edit Store Labels to add your custom text. To learn more about using the Store Label Editor, click here.

    • Related Articles

    • Use Advanced CSS to Style Your Store

      You can easily customize the look and feel of your Shop by using Cascading Style Sheets (CSS). How to Add Custom CSS To add custom styles to your store: Click Design from your Shop App dashboard. Next, click Create Theme to start your new, unique ...

    • Import and Export Store Products

      Learn how to import and export your online store's product catalog using a CSV file. This guide covers how to prepare your file for bulk updates and how to manage the import/export process. 1. How to Import Your Products Importing your product ...

    • Add a Size Chart to Your Online Store

      Adding a size chart to your online store is a great way to improve the customer experience and reduce the number of returns you receive. This guide will show you how to use the Size Chart & Product Option Descriptions App to add a size chart to your ...

    • Steps to Take to Finish Setting Up Your Store

      Once you have created your Shop account, there are a few final steps to take before you are ready to start selling products. Complete the checklist below to make sure your store settings are complete before you are ready to start accepting orders. To ...

    • Embed Your Shop or Product Category on Your Website

      Once your Shop is set up within Marketing 360®, then you will want to embed your store and products on your website. You can embed your entire store on your site, or you can instead choose to embed individual categories. Regardless of which method ...