SharkTankLab
Category
CMSTechnologies
Challenge
Create a website based on the Shark Tank TV show that will include in the end all the products that were displayed on the show, grouped by season/episode and provide extra details about each of the products.
Each product will have attached information about the loan requested, if a deal was finalized, who was the investor, deal time, total amount invested, and more.
The goal is to have a database accessible for users where they can play with a filter that will allow them to find products based on the criteria mentioned above.
The total number of products included is over 1200.
Solution
We create a WordPress website with a custom theme that supports visual editors (like Elementor), this will allow the client to manage part of the content on the static page. For the product page we used WordPress’s Gutenberg with a combination of elements that pull real data from the Products. This way the product presentation content is correctly updated with the meta details of the Product.
For the Database like page, where users can interact and filter the 1200+ products we created a custom WordPress plugin that uses VueJS and pulls data from products managed inside WordPress.
Key features
Season and Episode assign
As products get created, they are correctly assigned to Seasons and Episode based on the meta descriptionControl Product Meta
All the product meta description is available in the WordPress back-end to editBulk Import Products
An import tool was created that will use a CSV file in case the client needs to update many products at onceAffiliate links placement
Affiliate links are defined at the product level, and they are used where the products are mentionedCustom Elementor components
Sliders and other custom Elementor widgets were created and integrated with the visual editorDatabase search and filters
Advanced filters, sort and search methods to browse the 1200+ products based on the meta informationHome Presentation
Elementor home page with custom widgets that will generated sliders or and sections based on the products selected by the admin.
Product Database
Advanced filters, sort and search methods to browse the 1200+ products based on the meta information
Product Presentation
Each product has a dedicated page where the information found in the database is presented in detail, along side an article describing the product and the idea behind it.
Season Grid
All products are grouped based on Season and Episode. Season pages are automatically generated based on the meta data saved at the product level.