[FREE THEME] Nice&Clean Customizable Default Theme Skin (updated 06.08) - Free Modules & Themes - PrestaShop

Jump to content

Photo

[FREE THEME] Nice&Clean Customizable Default Theme Skin (updated 06.08)

#1

Posted 31 March 2013 - 12:56 AM

Snade

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 412 Active Posts

*
POPULAR

Hello everyone,

this is unique project that uses the power of LESScss in order to make the Prestashop Default theme customizable and good looking.
 

Download

 

Documentation
 

 

preview.png

Features

  • Uses PS 1.5 default theme, so its fully compatible with every prestashop module or feature.
  • Color scheme changing - You can make it from orange/grey, to blue/grey, or red/black in seconds
  • 2 or 3 column layout - super easy switching
  • List or grid view
  • 8 Background patterns
  • Easy font changing
  • Added Hovers, shadows transitions and other effects
  • Css3 buttons - again very easily customized (you put one color and it recalculates the gradient, border, and hover gradient for you)
  • Everything is restyled (header, menu, sidebar, content, product page, footer etc)
  • Very easy installation
  • Super lightweight - 20kb compiled CSS
  • Logo PSD file

The idea behind the skin
Very often, merchants don't need fancy themes or expensive customized solutions, but something more like the default theme of prestashop, which got everything essential for a good online shop, and also works great with all modules and features.


In the same time, the default theme is very simple, doesn't cover the today's standards in e-commerce, and cannot be customized with colors suitable to the products sold(its only black).

These are the problems that this theme solves.
You can have all the benefits of the default theme, but also get nice and clean design with lots of improvements and the possibility to change the colors of it to match your brand or products.


I hope you'll like it :)


Edited by Snade, 13 June 2014 - 05:27 PM.


#2

Posted 31 March 2013 - 02:45 AM

ipow

    PrestaShop Apprentice

  • Members
  • PipPip
  • 64 Active Posts
nice theme

#3

Posted 31 March 2013 - 09:05 PM

Exolio

    PrestaShop Newbie

  • Members
  • Pip
  • 1 Active Posts
great one !
many thanks :)

#4

Posted 03 April 2013 - 12:08 AM

rufovi

    PrestaShop Newbie

  • Members
  • Pip
  • 18 Active Posts
Thank you very much!! :)

#5

Posted 03 April 2013 - 04:17 AM

Rumah Maika

    PrestaShop Newbie

  • Members
  • Pip
  • 18 Active Posts
seems cool... worth to try...

Many thanks.. :ph34r:

#6

Posted 03 April 2013 - 11:14 AM

deffo

    PrestaShop Newbie

  • Members
  • Pip
  • 1 Active Posts
looks nice .. clean and lightweight!

Love it so far ;)

#7

Posted 03 April 2013 - 01:52 PM

nzecheru

    PrestaShop Apprentice

  • Members
  • PipPip
  • 39 Active Posts
Thanks!

#8

Posted 03 April 2013 - 03:50 PM

Snade

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 412 Active Posts
Glad you like it guys :)

Let me know if you there are some problems, or you just need some assistance

Also I'll be happy if you provide some feedback after testing it so I can improve it more.

If you recognize the need of more variables, give me a hint and I can add them.
I'm thinking about more customization options to the buttons, maybe the font size and line height for the whole site or different parts of it.

#9

Posted 04 April 2013 - 12:29 AM

trangpl

    PrestaShop Newbie

  • Members
  • Pip
  • 6 Active Posts
Looking foward for the grid view!!!!

#10

Posted 04 April 2013 - 07:26 PM

manumanio

    PrestaShop Newbie

  • Members
  • Pip
  • 18 Active Posts
great theme !
version 2 colums ?

#11

Posted 04 April 2013 - 11:27 PM

2grosiek7

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 252 Active Posts
Um, I have small problem with this template. I am trying it on my test website: test2.ad-al.pl, and the right column is in the center. Also, it's problem with menu categories on the sidebar, just look. Any solutions?

#12

Posted 05 April 2013 - 12:29 AM

Snade

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 412 Active Posts

Um, I have small problem with this template. I am trying it on my test website: test2.ad-al.pl, and the right column is in the center. Also, it's problem with menu categories on the sidebar, just look. Any solutions?

Hi,
very strange, as you see on the demo its ok, but on your install I had to make 1px change in order to have all the 3 columns... anyway, please download the updated files and youre good to go.

Noticed that top menu is broken and fixed it. Please take a look at the demo and download latest file to try on your install.

I've added new variable for the submenu width. Default now is 160px, but you can increase it if you want.(prestashops default is 200px)

Also I made some more adjustments based on your test shop on elements that I didnt noticed on my installation. (since it only has the default products)

What about the categories in sidebar, they look ok I think, what is your concern?

Thanks for setting up that test shop, I hope we can work together to fine-tune it :)

@manumanio, trangpl
I hope that next week I'll have time to prepare 2 column version with grid, but now I'm too busy, and I think it requires more testing and tuning :)

Edited by Snade, 05 April 2013 - 01:59 AM.


#13

Posted 05 April 2013 - 10:13 AM

2grosiek7

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 252 Active Posts
Tell me, how to give background under the name of blocks?
IMO categories tree is broken, I send a screenshot later.

#14

Posted 05 April 2013 - 11:18 AM

2grosiek7

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 252 Active Posts
Still doesn't work :(

#15

Posted 05 April 2013 - 02:35 PM

2grosiek7

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 252 Active Posts
If I copy the .css code from your demo, everything is OK also with right column and the categories tree in the sidebar!
Could you expand background under the names of categories in the sidebar? To eliminate the dots.

Edited by 2grosiek7, 05 April 2013 - 02:40 PM.


#16

Posted 05 April 2013 - 02:42 PM

Snade

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 412 Active Posts

Still doesn't work :(


Hi,
first, what doesnt work, on your installation categories block is perfectly fine

second, you obviously did NOT applied latest updates. You can see the live preview where the categories block have subcategories and everything and work good.



I've added 2 new variables :
@block_head_background: transparent;
.block_head_border{   border-bottom: 2px solid @color2;
}

You can change the block header background and border from here;

please lets keep the topic clean, be constructive and detailed in your explanations. If you need special assistance, more like chat support, use the Private Message system. Thanks :)

And please, put the latests version on your test server :)

Edited by Snade, 05 April 2013 - 07:21 PM.


#17

Posted 05 April 2013 - 02:50 PM

Snade

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 412 Active Posts

If I copy the .css code from your demo, everything is OK also with right column and the categories tree in the sidebar!
Could you expand background under the names of categories in the sidebar? To eliminate the dots.

Hi, ofcource everything will be ok, on the demo its the latest version of the theme, please download it and apply it to your store.

to remove the dotted border you need to add this code to your css:

#categories_block_left li {
	border-bottom: 0px dotted #CCCCCC;
}

I like to keep this in my theme, but you can easily remove it if you want.

Once again, please update the demo site, Thanks :)

Edited by Snade, 05 April 2013 - 07:21 PM.


#18

Posted 09 April 2013 - 04:31 PM

laurix

    PrestaShop Apprentice

  • Members
  • PipPip
  • 33 Active Posts
Hi Snade! Thank you for this theme, I'm new with prestashop and it's just what I needed!!

But now I have a problem:
I followed the instructions with a new install of prestashop 1.5 and it worked fine. Then I started adding categories in 2 languages, links in the top menu bar, changed the logo.....and suddenly the shop was back to the default theme.
The link to the stylesheet is still where it has to be.

what do i have to do? :wacko:


thank you!

#19

Posted 09 April 2013 - 05:32 PM

Snade

    PrestaShop Enthusiast

  • Members
  • PipPip
  • 412 Active Posts
hmm thats strange. Are you sure that the css file is right before the closing </head> tag, also that the link to the file is correct ?

Can you give url so I can see whats going on ?

Cheers

#20

Posted 09 April 2013 - 05:49 PM

laurix

    PrestaShop Apprentice

  • Members
  • PipPip
  • 33 Active Posts
Solved!
i was about sending a screen capture of the code (i'm testing on localhost) when I thought about looking at the source code of my index page, and yep, it linked to somewhere else. -_- What a shame
Why it worked on my first try is still a mistery :lol:

thanks for your fast answer ^_^


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cookies help us deliver our services. By using our services, you agree to use our cookies.     Learn more