Mekiwana gives a cannabis retailer four shop archive layouts and two product detail styles, so the catalog can be arranged the way the products sell. Tailwind CSS 4 provides the styling for every page. As a Tailwind CSS cannabis retail template, it includes 25 pages, so a shop can start with its catalog, cart and blog already laid out.

A Tailwind CSS Cannabis Retail Template With 25 Pages

The package holds 25 pages and three home layouts. Buyers include cannabis retailers, specialty product shops, herbal wellness brands, niche e-commerce stores and lifestyle retail platforms. Freelancers and agencies can also use it when a client needs a specialty retail site quickly.

• Home: three layouts, each with its own hero and product showcase arrangement.
• Shop: four archive layouts for presenting product collections.
• Product Details: two page styles for single products.
• Cart, Checkout and Wishlist: the purchase flow, from order summary to saved favourites.
• Blog: Blog Grid, Blog List, Blog Masonry and Blog Single.
• About Us and Contact Us: a brand story page, plus a contact form with a map.

Shop Archive and Product Details Layouts for Cannabis Products

Shop and Product Details matter most, because shoppers decide to buy on those pages. Four archives let you compare presentations, for example a different arrangement for a large catalog than for a short one. Isotope filtering sorts products by category or specialty type, so a visitor can narrow the list without leaving the page.

Slick carousels show featured products, and Magnific Popup opens product images full screen. The two Product Details styles in this Tailwind CSS cannabis retail template also let a shop use a different layout for different product lines.

Cart, Checkout and Wishlist for Cannabis Orders

The Cart page shows an order summary. Checkout then collects billing details and completes the purchase. Wishlist keeps saved favourites, so returning customers can find products again.

Blog Grid, List and Masonry for Lifestyle Content

Lifestyle and product articles can run in three listing formats. Blog Grid uses cards, Blog List runs articles full width, and Blog Masonry arranges posts in a staggered grid. Blog Single then shows the full article. A brand can pick one listing style or test each of them.

How Tailwind CSS 4 Styles the Shop Pages

• Product cards and form fields carry their hover and focus styling next to their base classes, so one line shows how each element behaves.
• The compiled stylesheet contains just the utilities these templates call for, so nothing extra loads.
• Each block keeps its styling in its own HTML, so a product grid moved from Shop to Wishlist looks the same.

You can open the finished pages directly in a browser. The Tailwind source files come with them, so styles can be changed and compiled again. Preview photos are not included, and placeholder images sit in their place. Flaticon and FontAwesome supply the icons, while Google Fonts handles the typography.