16

Product support

Visit this product's website for support.

Categories

Let's celebrate Christmas and New Year together! From Dec. 25th to Jan. 7th, use the XMAS20 coupon to get a 30% discount on official and partner products.

Biolia is customizable and mobile-friendly e-commerce theme for Shopaholic designed especially for a stylish organic food & eco products Store (but can be used for any kind of online shops). It provides nice and light UI with a high performance of the front-end (87-100 points by Lighthouse benchmark).

Key concepts

Main features

  • Catalog filtering & sorting
  • Catalog full-text search
  • Product nutrition facts infographics
  • Blog
  • Customer wish list
  • Discount coupons
  • SEO management

Additional features

  • Online payments support
  • Extra discounting and advertising options

Theme settings

  • Shop branding
  • Contacts credentials
  • Predefined text blocks
  • Search options
  • Payment options
  • Delivery options
  • Social media links
  • Promo carousel on the Index page

Performance

Lighthouse audit results Lighthouse audit results

Key pages audit reports:

Page Performance Accessibility Best practices SEO
Index* 91 100 100 100
Catalog 87 100 100 100
Catalog category 87 100 100 100
Product 87 100 100 100
News 91 100 100 100
Post 98 100 100 100

*Instagram Feed plugin has been disabled.

Browser support

Theme is compatible with two recent desktop versions of:

  • Chrome
  • Edge
  • Firefox
  • Opera
  • Safari

and two recent mobile versions of:

  • Chrome
  • Safari

The Browserlist config is provided.

Please note, we support only fresh browsers to keep theme code clean and provide high performance.

Customization

You're free to customize the theme following the needs of your project. Front-end tools are provided.

Front-end tools are provided with the theme. So you can customize it following the needs of your project. Check the Documentation tab for more info.

Code quality

We ensure the high quality of our products and provide you with full support. All of our products have extensive documentation. The quality of our products goes through rigorous testing, we have launched automated testing for all of our plugins. Our code conforms with the best writing and structuring practices. All this guarantees the stable work of our products after they are updated with new functionality and ensures their smooth integration.

License

© 2020, LOVATA Group, LLC under Regular or Extended marketplace license.

The following plugins are required
Static Pages
Free

Static Pages

Adds static pages, menus and breadcrumbs features to OctoberCMS.

123,962 installations
# 1 in Free of all time.
Free

Static Pages

Adds static pages, menus and breadcrumbs features to OctoberCMS.

Twig Extensions
Free

Twig Extensions

Add filters truncate, wordwrap, lowercase, uppercase, leftpad and more...

33,998 installations
# 9 in Free of all time.
Free

Twig Extensions

Add filters truncate, wordwrap, lowercase, uppercase, leftpad and more...

Image Resizer
Free

Image Resizer

Easily resize and compress images. Provides Twig filter and PHP method. Works well with plugins such as blog,...

36,766 installations
# 8 in Free of all time.
Free

Image Resizer

Easily resize and compress images. Provides Twig filter and PHP method. Works well with plugins such as blog,...

Toolbox
Free

Toolbox

Helpers for faster development: pagination rendering, objects and lists caching, UI strings for using in third...

23,084 installations
# 7 in Free of all time.
Free

Toolbox

Helpers for faster development: pagination rendering, objects and lists caching, UI strings for using in third...

Shopaholic
Free

Shopaholic

#1 e-commerce platform for October CMS

16,007 installations
# 6 in Free of all time.
Free

Shopaholic

#1 e-commerce platform for October CMS

Filter for Shopaholic
$49.99

Filter for Shopaholic

Allows customres to filter products by price, properties, discount, quantity

220 projects
# 8 in Paid of all time.
$49.99

Filter for Shopaholic

Allows customres to filter products by price, properties, discount, quantity

Properties for Shopaholic
$14.99

Properties for Shopaholic

Allows sellers to set additional properties to products and offers

338 projects
# 2 in Paid of all time.
$14.99

Properties for Shopaholic

Allows sellers to set additional properties to products and offers

Orders for Shopaholic
Free

Orders for Shopaholic

Allows customers to purchase products using the cart

7,468 installations
# 15 in Free of all time.
Free

Orders for Shopaholic

Allows customers to purchase products using the cart

Search for Shopaholic
$9.99

Search for Shopaholic

Allows customers to search products, categories, brands and tags

188 projects
# 12 in Paid of all time.
$9.99

Search for Shopaholic

Allows customers to search products, categories, brands and tags

Mighty SEO
$14.99

Mighty SEO

Adds SEO tasks automation

184 projects
# 9 in Paid of all time.
$14.99

Mighty SEO

Adds SEO tasks automation

Good News
Free

Good News

Simple blogging plugin

2,287 installations
# 46 in Free of all time.
Free

Good News

Simple blogging plugin

This theme is also included into the following bundles

Front-end Tooling

Getting Started

  1. Copy the contents of the folder build to the root of your project.
  2. Run npm i.
  3. Run npm run watch.
  4. Make your changes to the source code.

CLI

## Main commands

npm run watch       # Run `npm run development` in watching mode
npm run watch-poll  # Use it in case `npm run watch` doesn't update opened page
npm run development # Build dist for the dev environment
npm run production  # Build dist for the prod environment (minified source code)
npm run lint:css    # Lint & autofix CSS code following the config
npm run lint:js     # Lint & autofix JS code following the config

## Shortcuts

npm run dev         # Alias for `npm run development`
npm run prod        # Alias for Run `npm run production`

Templating

  • To show product sizes you should create a property with the size code and attach them to the offers.
  • To show the list of the main product properties you should create a property set with the main code and attach a product properties to them.

Demo Data

You can add demo data to your installation using the following commands:

php artisan shopaholic:generate.fake.data        # adds demo products to the catalog
php artisan shopaholic:generate.theme.fake.data  # adds demo data to the theme settings
1.0.0

Initial release

Nov 23, 2020