Electronics store on Bitrix. Long product pages and stories.2026

Apple Inside

jQueryJavaScriptSwiperCSSBitrixFlask

Apple Inside is an electronics store built on Bitrix without bundlers: jQuery and static assets. I started with A+ content: rich product pages with video, animations, and custom layouts tailored to specific devices. The first page took two working days to build, with most of the time spent figuring out how to approach it.

This evolved into a shared framework when the workload expanded to six content pages at once: a set of classes for standard grids and a behavioral layer covering video autoplay, scroll-triggered viewport animations, and lazy loading with skeleton screens. Everything specific to a page (colors, gradients, aspect ratios) remains scoped inside it. With this framework, building a new page takes 3 to 6 hours, or longer for complex layouts.

A+ content lives entirely within Bitrix. Developing it was inconvenient: to see results, you had to deploy. I set up a local backend that pulls the markup of a standard product page, injects my layout, and swaps production media URLs with local ones. The page renders identically to production, allowing instant testing without deployment.

Stories on the homepage started with script-based lazy loading and evolved into a custom viewer built from scratch: nested Swiper sliders, timing synced to actual video duration, press-and-hold pause, and a unified gesture model for both touch and mouse. I also rewrote the homepage banner slider and implemented a swipe gallery and image preview on the product card.

The project was sitting in a former developer’s outdated repository. I cloned it, brought it up to date, and wrote documentation for using the framework. When leaving, I handed over maintenance to the agency team.

Open project