Skip to main content

Store Customization: Search, Dropdowns, and Product Display

Updated April 14, 2026

Customize your shop with search, dropdown menus, and product display settings

Supporters can now search your shop by product name to find items quickly. You can also add dropdown navigation menus and control how products appear on your pages.

Supporters can search your shop by product name using a fuzzy name-based search. A search icon appears in your shop's header, and clicking it opens a search bar where supporters can type product names.

The Search Results page (at /search) is a dedicated page in your shop that shows matching products. You can customize this page in Site Designer just like any other page, including adding and editing sections.

Search is on by default for all shops. Shops with 20 or more published offers had search turned on automatically during an initial migration.

To turn search on or off:

  1. Go to Site Designer in your dashboard.
  2. Click the search icon area in the header to access search settings.
  3. Toggle search on or off and click Save.

Site Designer Header settings panel with Show search icon checkbox checked and a shop preview showing the search icon in the navigation bar

Customize the Search Results page​

The Search Results page works like any other page in Site Designer. You can add, remove, and reorder sections.

  1. Go to Site Designer.
  2. Navigate to the Search Results page.
  3. Add or edit sections as needed and click Save.

Site Designer Layout view of the Search page with Search bar and Search results sections listed, and a shop preview showing the search bar and Search results heading

The Search Results page URL is /search on your shop domain.

You can add dropdown menus to your site navigation.

  1. In your Fourthwall dashboard, go to Site design > Layout.

  2. Select your Header section > Edit menu.

    Site designer Header section with Edit menu button and appearance settings

  3. Edit the navigation menu and nest menu items under a parent link.

  4. Click Save.

These nested items appear as a dropdown when visitors hover or click.

Other dropdowns (not supported)​

Custom dropdown fields on products are not available.

Product display customization​

You have several ways to adjust how products appear on your site.

Change product tile settings​

  1. In your dashboard, go to Site design > Style > Product card.

    Site designer Style tab with Product card option highlighted in the sidebar

  2. From here you can:

    • Change the aspect ratio of product images.
    • Adjust product tile size (affects how many products fit in a row).
    • Enable or disable Show second photo on hover.
    • Center products horizontally.
    • Show or hide promotion badges.
    • Change the product photo background color. This only applies to images with a transparent background. You can add transparency in the product designer (preview mode), but this feature is available for select products only.

Reorder products in collections​

  1. In your dashboard, go to Products > Collections.

  2. Pick a collection to edit.

  3. Rearrange products into the order you'd like them to appear and click Save.

Your site reflects this order automatically. For more on featuring collections, see this help article.

Was this helpful?