Store Front

Store front is coming in V2. For now, it's just a change log as the site's functions get built. The UI, Basket, and Checkout are feature complete.

Browse away! Buy some fake beer.

Release schedule

• V1.1 - Bugfixing and optimisation
• V1.2 - Basket improvements, better product navigation
• V2.0 - Store front index page.

Change Log

• 09/10/2024 - Organised the Javascript code a little better, optimised some functions
• 09/10/2024 - The core functionality of the website is now complete, seems as good a place as any to stop, code review, and bug fix.
• 09/10/2024 - V1 released.
• 07/10/2024 - Reworked the slide out basket, moved the total to the top and added a checkout button (page not written yet)
• 07/10/2024 - Added Javascript for the product page basket handling, this was a headache, I split my javascript files up incredibly badly. Lesson learned!
• 07/10/2024 - Added sorting options for the store pages
• 07/10/2024 - Added CSS for the product pages to scale well on both mobile and desktop
• 07/10/2024 - Added dynamically created product pages!
• 06/10/2024 - Created product descriptions and formatted them in a JSON. Created containers for all of the product page elements
• 06/10/2024 - Added a footer div to every page, haven't done anything with it yet - but before I make all the products pages...
• 06/10/2024 - Found a third party service for contact forms and set one up, so the contact page is now functional
• 06/10/2024 - Refactored the main Javascript file, added some error handling and console logging. Store.JS needs the same treatment but it's overwhelming.
• 06/10/2024 - Reworked the site header in both mobile and desktop, much more managable now.
• 06/10/2024 - Broke the CSS, fixed the CSS.
• 06/10/2024 - Added a count of how many items are in the basket to the icon.
• 06/10/2024 - Moved the bugs and changes over to a list instead of using paragraph elements and did some more CSS cleanup.
• 06/10/2024 - Added an icon to remove all of an item from the basket.
• 05/10/2024 - Lots of CSS organisation and commenting, scripts moved into a different folder. Should really split up the javascript a bit more so it doesn't all need to be called on every page to get the basket to load.
• 06/10/2024 - Fixed the below, products are now all a fixed size in both the store and basket.
• 05/10/2024 - Got some products in with varying picture sizes so I can check how my CSS handles it. Badly. It handles it badly. Lots of stuff I thought was a fixed size is actually dynamic.
• 05/10/2024 - Modified the product card CSS to include quantity buttons for a nicer user experience.
• 05/10/2024 - Did a bit of cleanup of the CSS to put all of the colours into variables for ease of creating new ones down the road.
• 05/04/2024 - A bunch of minor updates and improvements, created a list style.
• 04/10/2024 - Minor updates.
• 04/10/2024 - Gave up trying to sort alignment issues. Code review tomorrow!
• 04/10/2024 - Added some CSS styling to the baskets and buttons (not complete!).
• 04/10/2024 - Created a variable to track contents of the basket.
• 04/10/2024 - Added some metadata for mobile linking.
• 04/10/2024 - Added the rest of the product pages and added some javascript for when no products are found. Will work on the stying of that another time.
• 04/10/2024 - Moved the header into a separate file for ease of maintenance.
• 30/09/2024 - Started work on the store. Holding the data in a JSON and populating items based on category using javascript. CSS is disgusting and will take forever. Pilsner is the only active category at the moment.
• 29/08/2024 - Quick cleanup of code alignment, created holding pages for each section. Time to work on the store functionality!
• 29/08/2024 - The basket slides out and displays properly now, created a gradient divider style based on text highlight colour.
• 29/08/2024 - Finished off the desktop navigation to include a logo and basket, so the shell is pretty much complete now. Probably worth adding a copyright footer for completeness.
• 29/08/2024 - Added dynamic scaling to the update banner too as this looked shit on some mobile resolutions (Looking at you iPhone 7).
• 29/09/2024 - Fixed the dynamic scaling of the top banner for different mobile resolutions and added better handling of the container for desktop viewports.
• 28/09/2024 - Spoke too soon.
• 28/09/2024 - Okay that worked, seems to be behaving again. That's enough for now.
• 28/09/2024 - Pushing new version to check the logo alignment in mobile view. Think I've broken the container div...
• 27/09/2024 - Probably time to start just writing a changelog for new commits to fill out the page instead of using Lorum Ipsum.
• 26/09/2024 - Initial branch created and comitted.