Zoey Product News

Product Status Flags Added to Product, Search Results Pages

By Josh O'Connell on November, 8 2018

Many of our customers have been fans of the option to use product status flags, "NEW" and "SALE," which can be added to product grids on the homepage and category pages. But there were requests to extend the functionality to other parts of the Zoey store. This week, the product status flags were added to the product and search results pages.

For those of you unfamiliar with how to use Status Flags, today's blog post will dive deeper into that capability and how to use it on your store.

Status Flags on Category Grid

What is a Status Flag?

Status Flags are labels connected to products, which until recently were solely a feature of the product grid, that help visually display information about a product. When a product was marked in certain ways as either New or Sale products, and the product grid was set to show a flag, it would show a label that would indicate the product was in that category. These same settings allowed the generation of product grid of New and Sale products for display in locations like the homepage.

Each status flag has a specific way to be configured within products, which would then allow them to be displayed when enabled in the Visual Design Editor.

Configuring a Product

To use the flags, you need to configure a product in a certain way. 

  • To use the New Status Flag: Open the product in your product list and add the custom attributes Set Product as New from Date and Set Product as New to Date. Type into the attribute field "New" and select Set Product as New from Date, then choose the date from the calendar in the next field. Remember to Save and click Advanced > Refresh Your Store to ensure your store picks up the changes.
  • To use the Sale Status Flag: Open the product in your product list and go to the Pricing section of the product. Set a Sale price, as well as a Sale Start and Sale End date, to ensure the product will display with a flag. Remember to Save and click Advanced > Refresh Your Store to ensure your store picks up the changes.

Once your products are configured, you can enable flags on your theme.

Enabling Status Flags

For product grids: Enabling status flags is one setting available in the product list settings of the Visual Design Editor. Enable "Show Status Flags" to see them display on the grid.

Product list Status Flags Settings

For search results: Under the Products > Settings menu, choose Search. Under the setting "Show Status Flags on Search Results Preview," select "Yes" and then "Save."

Product Settings Search Status Flags

For product pages: Enter the Visual Design Editor by clicking "Edit My Design" and edit your theme's product page template. Click on the "Product Gallery" block and select "Edit Product Gallery."

Product Gallery Content Status Flags Setting

Look for the "Enable Status Flags" setting, check it off, click "Submit" on the modal and click "Save and Publish" to enable the setting on your product page. When enabled, you'll see a status flag on your product page:

Product Page Status Flags Display

Share With Us Your Status Flag Success Stories

Have you been using Status Flags on your store with success? Are there things you'd like us to change or improve around Status Flags? We'd love to hear from you! Share your comment on the blog (the form is below) and tell us your thoughts! And be sure to subscribe to the blog (also below) so you can keep up with all the happenings at Zoey!

Recommended Articles

Submit a Comment

Subscribe and stay up to date