[{"value":"Theme features","id":"theme-features","hLevel":2,"level":1,"children":[{"value":"SEO","id":"seo","hLevel":3,"level":2},{"value":"Performance","id":"performance","hLevel":3,"level":2},{"value":"Theme events","id":"theme-events","hLevel":3,"level":2},{"value":"Directory structure","id":"directory-structure","hLevel":3,"level":2},{"value":"Multi-level blocks","id":"multi-level-blocks","hLevel":3,"level":2}]},{"value":"Obtaining the Bottle theme source code","id":"obtaining-bottle-theme-source-code","hLevel":2,"level":1}]

Bottle

The Bottle theme is built on SHOPLINE's independently developed high-performance template rendering engine, Sline. It offers several advantages:

Utilizing a lightweight design that effectively reduces loading time.
Ensuring smooth page rendering with high performance.
Featuring an easily extensible architecture that supports theme customization.

The Bottle theme is a basic theme. All SHOPLINE Online Store 3.0 themes are developed based on the Bottle theme, enhancing the diversity of themes.

Theme features

The Bottle theme is specifically designed for e-commerce scenarios, aimed at enhancing the shopping experience for users, meeting diverse business needs, and helping merchants increase conversion rates. It includes the following main features.

SEO

The Bottle theme optimizes page layout and structured data to enhance search engine crawling and indexing, aiding merchants in gaining more organic traffic.

Reasonable page layout: Integrates page titles, body text, and meta tags to enhance search engine relevance assessment, increasing organic traffic and attracting more potential customers.
Structured data support: Generates structured data preferred by search engines such as product image links, names, descriptions, and prices in a clear format for search engine crawling, resulting in richer search results, attracting user clicks, and improving search exposure and click-through rates.

Performance

The Bottle theme employs various optimization techniques to ensure faster page loading speeds, enhancing user experience, increasing user dwell time, and improving conversion rates.

Efficient page structure: Ensures core content is displayed first, reducing user waiting time and enhancing the browsing experience.
Optimized image loading: Implements lazy loading for images outside the viewport and responsive loading of optimal image sizes based on device screen characteristics, reducing page loading times.
Zero third-party package inclusion: Minimizes page loading overhead and increases page loading speed, such as using CSS3 animations instead of JavaScript for smoother page effects.

Theme events

The Bottle theme includes a standard set of theme events. You can listen to or trigger these events, such as product browsing, product SKU switching, adding products to the cart, and opening or closing the shopping cart, to perform custom operations. These events enable you to implement richer features and enhance the user experience.

Directory structure

The Bottle theme's directory structure follows specific standards, allowing different code modules like page templates, sections, and blocks to work together efficiently and systematically for theme presentation and functionality, making theme development more efficient and standardized.

Multi-level blocks

The Bottle theme supports nested multi-level block design, allowing you to have more flexibility in controlling page layout and functionality, achieving more complex visual effects and functionalities, and making theme customization easier.

Obtaining the Bottle theme source code

You can obtain the Bottle theme source code in the following ways:

Download the Bottle theme source code on GitHub.
Search for and use the Bottle theme for free in the Theme shop. Find the Bottle theme in the SHOPLINE Admin under the Online Store > Design menu to download the theme source code.

Was this article helpful to you?