by Kavio Labs · for PrestaShop 8.2 and 9.x
Beauty and cosmetics theme for PrestaShop 8.2 and 9.x: a campaign mosaic with brand offer tiles and real end dates, a shade strip from fair to deep, product cards on tinted counter plates with round shade swatches and unit prices, a Top 10 chart, a routine builder with one add to bag and a product page with a shade preview, How to use and Ingredients tabs. A child theme of Classic with four presets, one-click demo content and the 9.2 one-page checkout, no overrides.
Beauty and cosmetics theme for PrestaShop 8.2 and 9.x: a campaign mosaic with brand offer tiles and real end dates, a shade strip from fair to deep, product cards on tinted counter plates with round shade swatches and unit prices, a Top 10 chart, a routine builder with one add to bag and a product page with a shade preview, How to use and Ingredients tabs. A child theme of Classic with four presets, one-click demo content and the 9.2 one-page checkout, no overrides.
PrestaShop 8.2 - 9.x
Gloss is a beauty and cosmetics theme for PrestaShop 8.2 and 9.x by Kavio Labs. It is made for multi-brand beauty stores that sell makeup, skincare, fragrance, hair and body: a home page built around finding a brand, a shade and a deal, and product cards that show the shade, the volume price and the end of every offer.
| Cherry | Peach | Noir |
|---|---|---|
 |  |  |
No product photos are included; the demo uses generated illustrations. Shade swatches, unit prices, Clean labels and concern chips need your own data (a colour attribute, a Volume feature and so on); without it those elements are simply not shown. There is no Brands A-Z mega menu in this version: brands have their own grid on the home page and the standard Brands page.
Gloss is a child theme of Classic. Classic ships with PrestaShop 8.2 and 9.x, so one theme runs on both. Gloss overrides a few templates (header, footer, product card, product page description block, checkout header), adds one stylesheet and one small script, and sets the image sizes. A small companion module, Gloss theme settings, provides the presets, the home page sections, the card and product page data and the demo content.
| PrestaShop 8.2.x | PrestaShop 9.0 - 9.2 | |
|---|---|---|
| Parent theme | Classic 2.2 | Classic 3.x |
| Checkout | classic five steps | classic five steps or one-page checkout (9.2) |
| PHP | 7.2.5 to 8.1 | 8.1 to 8.5 |
One licence covers one shop domain and includes 12 months of updates and support.
kvgloss-1.0.0.zip and click Next. PrestaShop unpacks the theme into themes/kvgloss and copies the companion module Gloss theme settings into modules/kvgloss.config/theme.yml).bin/console prestashop:thumbnails:regenerate.Gloss works for 14 days without a key. Open Modules > Module Manager > Gloss theme settings > Configure, scroll to Licence, paste the key from your Kavio Labs account and click Save key. The licence is checked from this page (and once a day), never on a storefront request. Without a valid key the theme itself keeps working; the home page sections, the top bar notes, the text logo, the unit prices, labels, countdowns, the product page extras and the presets other than Nude are switched off until the key is valid. (The PrestaShop Addons edition has no licence key and makes no outbound calls.)
On the same configuration page, click Import demo content. It adds nine departments with sub-categories, forty-four products and seven brands with shades, sizes, concerns and reviews, and sets the shop name to "Gloss & Co.". To let the new look show, it also hides the stock demo content while it is installed:
Click Remove demo content to delete everything the import created and to switch all of the above back on, with your previous settings restored.
If you enable the one-page checkout in the settings of the PrestaShop module "One Page Checkout", Gloss takes over its page template and renders it in the Gloss look. Nothing else is needed.
Upload the new theme zip the same way (PrestaShop asks you to delete the old theme folder first, or replace the files by FTP). Your settings stay in the database.
Switch to another theme in Design > Theme & Logo, then delete Gloss there. Uninstall Gloss theme settings in the Module Manager to remove its settings. Remove the demo content first if you imported it.
Open Modules > Module Manager > Gloss theme settings > Configure.
*one word* between asterisks to show it in italic accent colour; the same works in the other section titles), Text.https:// address or a path that starts with /). Empty link: the Best sellers page.title|text.The product lists on the home page (Popular products, On sale, New products) come from the PrestaShop modules of the same names; configure them there. On sale is shown on a dark band when the theme is active.
Import demo content and Remove demo content, see Installation. The import hides the stock sample catalogue and the stock home blocks and the removal restores them.
Paste your Kavio Labs licence key and click Save key. Check now asks the licence server again. The card shows the state: start period (14 days), active (with the licensed domain and the date until which you get updates), or the reason why the theme extras are switched off.
The check sends the licence key, the product ID and version, the shop's host names and the PrestaShop version, and receives a signed answer. Nothing else leaves your shop. Local and development hosts are covered by every licence. The PrestaShop Addons edition has no licence card and makes no outbound calls.
Gloss keeps Classic's layouts. Change them in Design > Theme & Logo > Choose layouts. The category pages use the two-column layout with the filter column; the product page and the home page use the full-width layout. The main menu appears as the department bar; sub-categories open in a full-width panel.
When you enable the theme, these module positions are applied (all of them are listed in config/theme.yml, so nothing is unhooked): top bar notes (displayBanner); campaign mosaic, trust row and shade strip at the top of the home page (displayWrapperTop); Top 10 and shop by concern between the stock product lists (displayHome); routine builder, brands and loyalty band above the newsletter (displayFooterBefore); unit price and countdown under the price (displayProductPriceBlock); samples and delivery lines under the buy button (displayProductAdditionalInfo); the How to use and Ingredients tabs (displayProductExtraContent). You can move modules in Design > Positions as usual.
No. It is a child theme of Classic plus a small module. It does not edit core files, other modules or Classic, and it uses no overrides.
PrestaShop 8.2 only has Classic, and Hummingbird 2.1 is built for PrestaShop 9.2 only. A Classic child theme runs on 8.2 and on every 9.x release with one code base. For the PrestaShop 9.2 one-page checkout, which is written for Hummingbird's layout, Gloss ships its own version of the page template, so the checkout works in the Gloss look.
Once, after enabling the theme, if you want the Gloss sizes on existing pictures: Design > Image Settings > Regenerate thumbnails.
The product pictures have a visible box around them. Gloss blends the picture into a tinted plate with a multiply effect, so pictures on a white background look clean. Pictures with a grey or coloured background show that background; use white backgrounds.
The dots come from an attribute group of type Colour. Products without one show no dots.
It needs a feature named Volume (or Size / Weight) with a value that starts with a number and a unit, such as "30 ml" or "50 g". Switch the unit price off in the configuration if you do not want it.
The countdown does not show. It needs a percentage discount (specific price) with an end date in the future, and the switch Sale countdown on. Discounts without an end date show no countdown.
While the demo content is installed, the sample products, the default top categories and brands are inactive and the stock home blocks (image slider, banner, custom text, reassurance) are unhooked, so the new home page is not mixed with them. Remove demo content switches them all back on.
The personalizer form appears above the quantity row and its live preview is drawn on the large product picture. Create a set with a text field for initials, assign it to a product (a perfume, a gift set) and the shopper sees the letters on the bottle while typing.
Yes. Leave Text logo empty and upload the logo in Design > Theme & Logo. The logo is shown at up to 46 px height.
Gloss is English only. Texts you type in the settings are shown as you typed them.
The fonts are files in themes/kvgloss/assets/fonts (Instrument Serif and Instrument Sans). Replace the @font-face rules at the top of assets/css/gloss.css to use others.
Yes; they are styled by the theme. Register the faceted search filters for your categories as usual.
displayBanner, displayWrapperTop, displayHome, displayFooterBefore, displayProductPriceBlock, displayProductAdditionalInfo, displayProductExtraContent, actionPresentProduct, actionPresentProductListing, actionFrontControllerSetMedia and actionFrontControllerSetVariables.
The shop keeps working. The theme templates and styles stay; the home page sections, the top bar notes, the text logo, the unit prices, labels, countdowns, the product page extras and the presets other than Nude are switched off until the licence is valid again.
Through the support form on kaviolabs.com. Updates and support are included for 12 months.
More for PrestaShop
Sell by weight, length, area or volume on PrestaShop 8.2 and 9.x: amount field with quick amounts and live total, exact decimal stock and real shipping weight. No overrides.
Shoppers propose a price per item; the shop accepts, counters or declines, or rules answer at once. The agreed price is a one-time specific price for that customer's cart.
Text and monogram personalization with a live preview on the product image, 12 fonts, fixed or per-character fees and a printable production sheet.
