Thanks for the input Egg
Printable View
I'm rather pleased with this version.
The whole site is contained within close to a mobile/tablet/PC's screens real estate.
Menu's are similarly kept within the viewers window avoiding the need to scroll.
Images used are very small svg's and only loaded on demand, not forced on page load.
Location maps not only show the location but the locations name.
It does away with the need to import the x & y co-ordinates of the location.
It does away with the requirement to have two seperate menus, one for location & one for web links.
Using 'Scale to Fit Width' does away with the requirement for a variant.
At present only the Accommodation link works but it's fairly straightforward to create other categories once the base template is created.
LINK
Will do LGF, probably this evening.
Trying to introduce a shop window as Gary suggested otherwise the location map is fairly boring. Will send the files asap.
LINK
@Egg, not sure if this idea will help? I have added a similar menu to yours alongside the shop window. There are two menus atm, but you can easily remove either one of them and the structure works.
As it is now, the standard NavBar populates the map, the shop window and shows other shops within the same category (by grouping similar shops in a class category). The same javascript link for the standard NavBar can be deployed in the second menu structure (though I've only activated it for the first shop on the list).
https://initiostar.co.uk/demo/Map2/
Hope it's useful,
Gary
Happy Christmas https://initiostar.co.uk/Gazzas-Christmas-2020.mp4 (All credits acknowledged and Snowflakes courtesy of Siran's clever widget posted a few days ago).
Just a few of the demos you, Acorn and Siran helped me create this year: https://initiostar.co.uk/demo/
I felt it was necessary to rationalise my original suggestion for @LGF so it could be developed more readily.
My approach is basically an overgrown NavBar that can open and close anything. I have created a simple display of its power with a base map and two Shops with Map Pins and Shop Fronts with a set of instructions. All in the same space.
For tidiness, I have placed all of the "overlays" into a special Bang folder (!MagicHappens); this ensures you can see the underlying website design without things getting too messy. You can have as many or as few layers as you choose.
Here is a demo: https://www.acornucopia.space/clients/TG/ShopFront/.
Here is the design file: Attachment 128551.
Any ClassName can now be controlled by three functions: on, off & toggle, whose speeds can be precisely tuned to the milliSecond.
Acorn
P.S. No images were harmed in the delivery of this demonstration. The HTML file is all of 18kB and the concept can be scaled up and down.
Once again, thank you all for your work and input and wishing a all a happy and SAFE festive season.
Regards,
LGF