Jump to content

[MODULE] Classic Theme Customizer


rocky

Recommended Posts

Choose from 30 theme presets including colors, backgrounds and fonts. Add spam protection and various customizations including adding to cart from product listings.

This module has been discontinued. Existing customers can contact us for support. 

Merchant Benefits

Merchants can use the module to customize the Classic theme without doing any coding. Normally, the merchant would need to set up a local environment with Node.js, Composer, Bootstrap and Bourbon to recompile the Classic theme. This module uses a PHP version of SASS to recompile the theme's SCSS files.

Theme Presets

There are 30 theme presets including Antiques, Art, Baby, Beach, Biking, Boating, Books, Camping, Chocolate, Classic, Coffee, Cooking, Decor, Electronics, Farming, Fitness, Jewlry, Lighting, Movies, Music, Party, Pet, Photography, Security, Surfing, Travel, Trucking, Watches, Whiskey and Wine. Each preset has a unique color combination, background and heading font. The backgrounds are from pexels.com and are free for commercial use. The fonts are also free for commercial use.

Theme Colors and Background

The theme can be customized further to create an entirely unique design. The primary and secondary colors and background can be changed. A background image can be uploaded and set to cover or tile the background. The content background can be made semi-transparent by setting a background opacity amount, which makes the theme background visible through the content background. There is also an option to set an amount of blur to apply to the content background, which can make it easier to read the content.

Dark Mode

By default, PrestaShop displays black text on a white background. The module includes an option to set the theme to a dark mode with white text on a dark background instead. There is the option to automatically switch between light and dark mode based on device settings. There are also options to set the background color to use in light and dark modes.

Heading Fonts

The module includes 30 fonts that can be applied to page heading to add some flair to the theme. All the fonts are free for commercial use. There are options to set the font color and case including None, Lowercase, Uppercase and Capitalize.

Rounded Corners and Social Icons

PrestaShop uses square corners throughout the theme by default. The module includes an option to use rounded corners instead. There is also an option to change the social icons to use the colors of each brand instead of using the theme's primary color.

Product Hover Links

When hovering over products in product listings, PrestaShop displays a Quick View link that displays a popup with the product summary. This module adds the option to replace that link or remove it completely. The link can be replaced with a "More details" link that goes directly to the product page. It can also be replaced with an "Add to cart" link on products without attributes and a "Choose options" link on products with attributes.

Animation and Customizations

There is an option to add animation throughout the theme. For example, the arrow icons rotate and the color is animated when hovering links. There are many customization options including "Full-width product tabs", "Hide breadcrumb bar" and "Simplify category header". There is also the option to add extra CSS and JavaScript to further customize the theme.

Spam Protection

The module can add spam protection to the contact form using Google reCAPTCHA v3. There is a link to generate the required site and secret keys and the option to set the sensitivity of the spam protection.

classic-theme-customizer-theme-beach.jpg.a32623f764edaf9fd3e449ac332a760c.jpgclassic-theme-customizer-design-tab-1.thumb.jpg.68fbc29ace56156311089e49bac5bb27.jpgclassic-theme-customizer-design-tab-2.thumb.jpg.8fac81a1bf6891936eebb903aa509d42.jpgclassic-theme-customizer-theme-presets1.thumb.jpg.6c431e3ae1019874d6a9685342c68316.jpgclassic-theme-customizer-theme-presets2.thumb.jpg.c12f4168fb24d4176661233e11dd9fc2.jpgclassic-theme-customizer-theme-preferences.thumb.jpg.0026cff5ce653024a19530a4b1fb4185.jpg

Edited by rocky
Discontinued module. (see edit history)
Link to comment
Share on other sites

  • 1 year later...
  • 2 weeks later...
  • 2 weeks later...
  • 3 months later...
  • 2 months later...
  • 11 months later...

Classic Theme Customizer 2.0.0 has been released. This major update includes redesigned background opacity and blur effects using modern CSS and makes the module compatible with PrestaShop 1.7.7.5. There are new options to specify the amount of opacity and blur to apply to content backgrounds. It also adds options to tile the background image and specify the content background color in light and dark modes.

Updated demo available here.

Edited by rocky (see edit history)
Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...