Articles in this category

Build one-time shop with filtering and sorting facilities

Andrija Krstic Updated by Andrija Krstic

This article contains instructions on how to build one-time shop page and apply filters and sorting to it for easier navigation and cleaner UX.

Overview

Learn how to create one time products on Subbly here.

You'll be able to achieve something similar to what you see below.


Video & Prompt Instructions

In order to achieve what's presented in the video, you'll need to have the products tagged so they can be filtered based on the tags.

Learn more about how tagging works here.

Prompts used in the video are copied below.

Create a landing page for Shop with the following URL: /shop. This page should display only one-time products. Implement filtering and sorting options, both available as dropdown menus. The products should be displayed from the backend with the following tags exactly as written: fruits, everyday-essentials, veggie-variety, greens. Include a default option to show all products. Additionally, implement logic to clear filters when a user selects a filter option, so that they can easily reset their selection. Ensure the layout is clear and user-friendly.
Update this button to lead to page /Exclude next products from shop page with following tags: paper-rolls, add-on/green-box-light
Create a product page for one-time products, which will be located at the following URL: shop/:slug. Here's how it should work: On the shop page, when hovering over a product card, a "View More" button should appear, ideally centered over the product image. When the user clicks on a product card, it should open the corresponding product page.
Provided prompts are intended as guidance only and should be adapted and refined for the specific use case before being used in a project. Given the indeterministic nature of AI systems, the same prompt may also produce slightly different results across environments or executions.

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free