Shopper TNC

Shopper TNC is a dark ecommerce website template for tech, audio, streetwear and gaming stores. It ships for Webflow, Figma and HTML.

It includes 28 pages, three home page designs and a shop page with advanced search, filtering and sorting. So the dark palette is not a toggle bolted on at the end.

Every page, form and product card was designed dark first, which means contrast and legibility hold up across the store. Because product images sit on near black surfaces, the colour in your photography does the talking.

Check out the live preview now.

Key Features of Shopper TNC

Ecommerce focused build. This Webflow shop template contains the elements, pages and sections a store needs, from the product template through to order confirmation.

Dark first design. Every one of the 28 pages is built dark, including checkout, account and error states. Therefore you never hit a bright page that breaks the mood.

Three home pages. Choose from three home page designs, then keep the one that suits your catalogue.

Modern and trendy design. The layout stays clean and current, which keeps attention on the products.

Advanced shop search. The shop page carries search, filters and sorting, so a large catalogue stays browsable. Shoppers narrow by category and attribute instead of scrolling.

Top picks and deals. Featured products and limited time offers each have a section, so promotions do not need a custom build.

Mega menu. The mega menu holds search, contact, cart and account links, so any category is one click away.

Customer accounts. Shoppers get order history, saved details and account pages. As a result repeat purchases take fewer clicks.

CMS collections. Products, categories, blog posts and authors run on Webflow CMS. So you update content without touching the design.

Watch on YouTube

This walkthrough covers the dark pages, the shop filtering and the checkout flow.

Pages Included in Shopper TNC

1. Home
2. Home-2
3. Home-3
4. About
5. Contact
6. Faq
7. Blog
8. View page set
9. Shop
10. Privacy Policy
11. Blog Posts Template
12. Tags Template
13. Blog Categories Template
14. Authors Template
15. Products Template
16. Categories Template
17. Checkout
18. Checkout (PayPal)
19. Order Confirmation
20. Log In
21. Sign Up
22. Reset Password
23. Update Password
24. Access Denied
25. User Account
26. Search Results
27. 404
28. Password

How to Use Shopper TNC

Using Shopper TNC is straightforward. Here is the short version.

• Use the purchase widget on the right side of this page to buy the Shopper TNC template
• Follow the setup steps to get your site ready
• Replace the demo content with your own
• Adjust the design if you want
• Preview and publish

Shopper TNC or Ecommerce TNC

Both templates share the same 28 page structure and both run on Webflow Ecommerce. However, Shopper TNC is the dark build with advanced shop filtering, while Ecommerce TNC is the light build. So pick Shopper TNC if your products look best on dark surfaces, or if your catalogue needs filters.

Frequently Asked Questions

Is Shopper TNC dark mode only?

Yes. Shopper TNC is designed dark throughout rather than offering a light toggle. If you want a light storefront, Ecommerce TNC uses the same page structure in a light palette.

Does Shopper TNC use native Webflow Ecommerce?

Yes. Products, cart and checkout run on Webflow Ecommerce, so orders and inventory stay inside Webflow. No third party cart is needed.

How many pages does Shopper TNC include?

The template includes 28 pages. That covers three home pages, shop, product and category templates, blog and author templates, full account pages and a 404.

Can shoppers filter and sort products?

Yes. The shop page includes search, filters and sorting, so large catalogues stay easy to browse.

Does Shopper TNC work on mobile?

Yes. Every page is responsive across desktop, tablet and mobile, and the mega menu collapses into a mobile drawer.

Is the Figma file included?

The Figma file is sold separately. You can buy the Figma version on its own, or message the team after purchase if you need it added.

When you choose Shopper TNC, the TNCFlow team answers setup questions directly.

Check out other Webflow templates by TNCFlow.