Shopify Display settings

In the Shopify Display settings, you will be able to do the following

Control Search Magic Layout

There are a variety of settings that are available to adjust the Search Magic layout.

  • Layout: When selecting a layout, you have the option between 2 different layouts as shown below.  To change the layout simply change the Layout drop-down to either Vertical or Horizontal.  You can Preview or see a sample of the layout by going to the Preview tab or go to the Color and Font Styles tab.

  • Pagination Type: Search Magic has 2 Pagination Types, as shown below.  In the Pagination type drop-down select Page Number to show page number navigation or Show More Button to show Show more Button Navigation.

  • Show Non-item pages in Results: If you'd like search results to return collections or info pages. Set to Yes to show collections or info pages to show and to No to only show products in results

  • Redirect if Only One Item: This option will automatically redirect to the one item that is returned. set to Yes to redirect and No to show the results page.

  • Redirect to the product if product SKU matches search query: This option will automatically redirect to a product where the search query matches the product SKU.  Set Yes to Redirect and No to show results

  • Disable "all" search from returning all data: In Search Magic, if your search query is all Search Magic will return all data from your store.  Set Yes to disable and No to enable. (This option is good for testing filters.)

  • Show Filtering/Facet: This option will allow you to completely disable Filtering in your Search Results and Collection Pages (if enabled).  Set Yes to Display And No to Hide.

  • Lowercase Filters: This option is used to normalize your filter data. So if your data has inconsistent upper and lower case data like Usa or USA, it is recommended you set the value to Yes as then both these filter values will be combined. If your data is consistent and you have abbreviations like USA and you'd like to keep your data in the correct abbreviations, Set value to No.  

  • Image Placeholder for products or collections missing images: If you are missing images for your products or collections (if enabled), then you can upload your own custom image placeholder. If not we will use the default image shown.

Products Per Page

It allows you to configure how many products or items will show per page in the Search Results and Collection pages (if enabled).  Below is a screenshot of settings and more info will follow.

  • Click add to add new item per page.
  • Click to remove to remove items per page
  • Click on to radio button radio button to select the default items per page
  • If you'd like to edit items per page number simply change the number in each input

Adjust Colors and Font Style

In the color and font styles tab, you will be able to adjust the colors and font styles of the Search Magic results page and collection page (if enabled) to match your store's theme. Below is a screenshot of the tab that is using the Vertical Layout.  

  • To edit, click on a main Search Magic section, like Filter if you have the Vertical Layout selected, this will open a list of subsections where you can control various styles that include: background color, border, font styles and more. Each section is broken down in their own sub-section, as shown below. If you are editing the Colors and Font Styles in the desktop browser you will be able to hover over the section and it will highlight the section you will be editing.
  • When you are done editing, make sure you click Save.

Search Result Product Sort Order

In the Sort tab, you will be able to adjust the Sort Label and adjust search results by weighting certain field values higher, which in turn will adjust how search results will return. 

  • Sort Label:  This field is used to control the default sort label in the store.  
  • Setup Default Sorting:   This section allows you to adjust the default relevancy sort, so those specific products are returned before other items. To understand search results relevancy works, click here
    • Field:  In the field drop-down, you'd which product field you'd like to make an adjustment to the sort relevancy
    • Action: In the action drop-down there 3 actions available, Equals, Field Value and Is Not Empty. 
      • Equals will adjust the sorting on the field and the value that you enter. 
      • Field Value will adjust the sorting based on the field value, given the value is an integer. You have 3 modifier options available, None, Multiply, Square Root, Reciprocal.  
      • Is Not Empty will adjust the sorting of the field if the value is not empty.
    • Weight:  Allows you to boost the selected field and action, so that the results will appear higher.
    • Default Sorting Examples are shown below
      • In the below example, we have adjusted the search result sorting, so that any products returned in the search results will be sorted so that products with the brand of acme will show up first and then products with the brand of Nike would should up next, but based on the how relevant the product is to the search query.

Preview of the Search Results Page

The Preview tab allows you to preview your search results page before you go Enable.  If you have edited any settings you must save the display setting before you can see the changes.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us