This is the first release of BikeStore from Cybersalt. BikeStore is a VirtueMart template, so it ships against Joomla 5.4.8 with VirtueMart 4.8.0 rather than Joomla 6 — Joomla 6 removes a compatibility layer VirtueMart still depends on, so a Joomla 6 build is not possible until VirtueMart itself moves. Because this is the first release from us, everything below is new to the template. All three of its styles — the default, Static Image and Product Slider front pages — have been brought up together.

Added

• The cart is now reachable on a phone. It has been moved into the row of controls beneath the site name and sized to match the buttons beside it. Previously it stayed where the desktop layout put it, underneath the menu button, and the two overlapped.
• A create-profile button in the phone control row. There was none: the phone chrome looks for the register link by name, and this template's link was labelled differently, so the button was never built.
• A rebuilt phone header — a menu button and slide-out menu, one row of controls in a set order (menu, account, create profile, search, social, cart), and search and social panels that open below the header. The site name and slogan stack cleanly and the footer text is centred.
• A compatibility helper, plus the missing styling, so pop-up dialogs written in the old Bootstrap 2 shape open over a dimmed page and close correctly under Bootstrap 5 — including the close cross, which had been painting as a solid coloured block on top of the dialog's title. It applies to every dialog in the template, not just the log-in box.
• Previous and next arrows on the slideshow, always visible on every screen rather than fading in on hover — hover-only controls cannot be reached on a touch screen at all — and enlarged to a comfortable tap size on phones.
• BikeStore now ships as a proper installable package. No package manifest had ever existed for this template.

Changed

• The template reports version 5.4.8 everywhere it is shown: the installer manifest, the description panel in Template Styles, the file header, and the cached record Joomla's admin actually reads.
• Built and tested against Joomla 5.4.8 and VirtueMart 4.8.0.
• The Bootstrap 2 to Bootstrap 5 compatibility layer and the phone chrome were both brought up to the current build. That carries a large set of shop-facing corrections in its own right — product grids that tile correctly, tabbed product panels that show one at a time, the cart summary, breadcrumbs, and the end of sideways scrolling. The notable ones are listed below.
• Text-entry fields in the site's own forms — contact, log-in, registration and search — are set on phones at a size that stops the browser zooming in when you tap one, and leaving you on a page wider than the screen. VirtueMart's cart and quantity controls are deliberately unchanged.
• The header is more compact — the gap that used to sit above the main menu row has been removed at every width — and on phones the footer band has an even inset all round with slightly smaller type.
• The cart mark matches the rest of the range. It was drawn from an older icon set as a basket standing on two small feet; it is now the same trolley used elsewhere.

Fixed — the shop

• The log-in form works on Joomla 5. The VirtueMart log-in template called a routine Joomla 5 removed, so the page could return a fatal error instead of a log-in box. Thanks to Zoltán for reporting this.
• Tabbed product panels show one tab at a time. Every tab's products had been rendering at once as one long single-column list.
• Products under a tabbed heading lay out four to a row instead of three, then four, then one.
• Product rows fill the width evenly — the last tile no longer drops onto a line by itself.
• Product rows take their proper height, so the section below no longer rides up and overlaps the tiles.
• Product tiles use the sizes the design intends, filling the grid to its right edge rather than leaving an empty channel down the right.
• The bullet points that had appeared beside every product tile are gone, and brand and manufacturer strips no longer show a bullet beside each logo.
• Product carousels no longer force the page to scroll sideways.
• The cart summary opens centred on the screen at a readable size, instead of hanging off the edge — on a phone its right edge landed exactly at the screen edge; on a wide desktop it was jammed to the right. Breadcrumbs run along one line without bullets beside them.
• Tapping the cart on a phone opens a full, readable panel. It had been squeezed to the width of the button that opened it — about 28 pixels.
• The cart's drop-down no longer opens by itself and covers the page.
• Account and registration fields fill the width of a phone screen. VirtueMart builds those forms as a table, so several fields rendered about a third of the width with empty space beside them.
• The “Remember Me” box in the log-in panel is a checkbox again rather than a full-width bar.
• Closed panels, such as the “Ask a question” form, take up no space until you open them — they had been holding their full open height while shut, pushing everything below them down the page.

Fixed — page layout

• The page no longer scrolls sideways at any width — phone, tablet or desktop. Menu panels parked off-screen, product carousels and article details were each pushing the page wider than the window.
• Columns are the right width with the correct gaps between them. Rows had been losing their spacing, so side-by-side modules grew into the gap, three- and four-across rows wrapped their last item onto its own line, and partner logos rendered at half size.
• Multi-column rows sit side by side instead of collapsing into a stack, and rows used as plain wrappers no longer render wider than the page or turn the header into a stack.
• Every kind of column stacks to full width on a phone, including footer columns, which had been squeezing into narrow strips with their labels wrapping.
• Sections whose contents float no longer collapse, so bands stop overlapping one another and banner rows keep their height.
• Page content sits at its proper width and position rather than inset, shifted right, or stretched past the intended maximum on a large screen.
• Full-width coloured bands reach both edges of a phone screen evenly, instead of bleeding off one side and leaving a gap down the other.
• Text blocks meant to sit part-way across a row land in the right place, and modules sized by their own class setting keep that width.
• Content set to show or hide at particular screen sizes does so correctly on tablets and desktop, not only on phones.
• Sidebar modules keep their own height instead of stretching to fill the row and pushing everything below them off the page.
• Breadcrumbs stay inside the page on interior pages at tablet width instead of running off the right edge.
• Headings inside module content are the right size again, so text banners no longer collapse to a fraction of their height.
• The page no longer sits slightly down and to the right of its proper position.

Fixed — the phone layout

• The page no longer opens with a screenful of blank white. Roughly 375 pixels of empty space sat above the content, and the site name, menu button, control row and slideshow then painted on top of one another. The header was being held out of the normal flow, so the page reserved a header-sized gap and then drew the header somewhere else.
• Content uses the width of the screen, apart from a small inset so text does not run to the very edge. It had been confined to a narrow column with white channels down both sides, giving away about a sixth of the display to margin.
• The grey slab behind the logo is gone. It was a shading layer meant to keep the logo readable over the photograph behind it on a desktop; with no photograph behind it on a phone it painted as a flat grey block. The empty gap left by the main menu — which now lives in the slide-out menu — has gone with it.
• The control buttons are all one colour, evenly spaced, all the same size and shape, and all fit on the screen. Some had been red with white symbols and others white with dark ones; the first and last were clipped at the screen edges.
• They stay that colour on every page. On anything other than the front page they changed to a different shade entirely, because the colour was being worked out per page and only succeeded on the front page. It is now stated once.
• The cart symbol is centred inside its button.
• The menu button sits on the same line as the site name, its three bars are centred in it rather than hanging out of the bottom, and the cross it turns into closes properly.
• Header wrappers fit the phone screen, so the menu button is always reachable.
• Two empty bands have been removed — one inside the header, one beneath the breadcrumb bar — both reserved for controls that now live in the control row.
• The footer, its contact details, logo and social marks all sit correctly.

Fixed — menus

• Desktop drop-down menus stay open as you move down into them, instead of closing in the gap between the menu bar and the panel.
• Sidebar menus can be opened level by level on a desktop, not only from the phone menu.
• The “+” that opens a sub-menu in the slide-out menu is clearly visible against its button.
• Both menu panels indent their sub-menus the same way, so they read as one control, and items are all weighted the same instead of the branch you are in turning bold.

Fixed — the desktop header

• The four marks at the top right sit on one line, at one size. The cart had been dropping to a line of its own, twenty pixels below the others, because its container was collapsing to no height and letting its contents escape downward. Their sizes and symbol sizes had also varied, on three different midlines.
• They are evenly spaced. The gaps ran 20, 11 and 0 pixels — the search mark and the cart were touching — because the four marks were three separate groups, each bringing its own spacing.
• The header is its full height again, so the slideshow beside it fills the page rather than collapsing to a narrow strip, and text labels beside the marks are no longer cut off.
• The search box sits centred in the header bar rather than hugging its top edge, in a row only as tall as it needs to be.
• Tab and navigation labels have their spacing back instead of running together.

Fixed — search, icons and dialogs

• The search panel is a usable size — full width below the header on a phone with a finger-sized field, and comfortably wide on a desktop — and the search button sits against its field instead of being pushed away from it.
• The search button on phones shows a magnifier instead of an empty square, and the header search field is the right height so its button is no longer cut off.
• Joomla's own icons render throughout — first, previous, next and last on paged lists, and the user, lock, envelope, search, tick, cross and warning marks used on log-in, registration and shop pages. They had been blank.
• The show-password control renders as an eye rather than a bare dot.
• Social icons are sized and centred in their circles, with nothing left over from the old icon set showing through behind them, and their screen-reader labels kept out of sight.
• Hidden labels meant only for screen readers no longer print as stray text beside the social icons and the search box.
• The dead arrow beside the Log in button is gone. It did nothing except submit the form with an empty password, and the three links it was meant to reveal — forgotten password, forgotten username and register — are now shown plainly. The social panel on phones shows its icons.
• Symbols drawn inside buttons are held to icon size rather than expanding into a large black shape across the log-in area.
• Icon fonts no longer 404 on every page. The stylesheet referenced an icon font from a folder Joomla 4 removed.

Fixed — the slideshow

• The slide image is contained by its frame. It was wider than the area meant to hold it and overhung both sides, and a strip of background showed along the bottom where it did not quite reach.
• Two errors are gone from the browser console on every page load. The template asked for a stylesheet that is not in it; the server answered with an error page, which the browser then refused. The structural rules that file used to provide have been restored directly — the slideshow's appearance already comes from the template's own styling, so nothing else was needed.
• The loading ring that turned continuously in the corner of the hero has been removed — it reported progress towards the next slide and read as though something were stuck.
• Slideshow position markers are round dots on phones rather than numbered squares.

Fixed — articles and content

• Featured articles set to a single-column layout are no longer clipped to their headline, on any Featured Articles page.
• Article details wrap onto as many lines as they need — written by, category, published, updated and hits had been refusing to wrap and running off the side of the page.
• Headings keep a small inset from the edge on phones, and contact and account forms stack with finger-sized fields.
• A set of chrome tidy-ups: no duplicated account icons in the phone header, footer menu links visible again on phones, a round back-to-top button with its arrow centred, and product tab labels that fit on one line.

Known limitations

• The buttons in the slideshow captions (“Add to cart”, “Order today!”) do not go anywhere. They are placeholder links in the slideshow module's own content rather than template code, and can be pointed wherever you like by editing that module.

BikeStore remains on Joomla 5 for as long as VirtueMart requires the compatibility plugin. That plugin is enabled in this build by design; disabling it will break the store.