Search the Community
Showing results for tags 'sass'.
Found 10 results
-
Hi there, I am creating a theme for 1.7 based on the StarterTheme. I am replacing Stylus with Sass and implementing Bootstrap 3.x, and no problems so far, but things are different when laying my hands on Webpack. I just have no idea. Ideally I would replace it with Grunt or Gulp, since I have experience with them and use them fine in other projects, but I guess that Webpack is being used to include default PrestaShop Javascript. Is this true? Can I just exclude Webpack from the party or am I being forced to use it? Also, as a side note, I am not new to web development and project tooling in general. It's just Webpack that I don't know how to use. Thanks!
-
Whilst the move towards SASS is a welcome step for 1.6, there are perhaps better ways of managing SASS than being dependent on Compass. There are ways of removing the Ruby/Compass dependency for Prestashop 1.6 & still maintaining code credibility. This is due to Ruby/Compass creating an overhead that may not be needed. As Prestashop is PHP based, you can actually use PHP to build & compile your SASS styles on the fly: https://github.com/reyhoun/sass-watcher PHP compilation is slow however in comparison to server level compilation using Apache/C. There is the ability for Apache to manage SASS for your themes (both admin & frontend) on the fly: https://github.com/sensational/sassphp using the Libsass C++ library. I maintain a custom fork of this latter codebase (also located on Github) and use it to build SASS on the fly for our design team. If your site is hosted using Nginx or Litespeed, there isn't a Nginx / Litespeed equivalent to the Apache extension, though hopefully someone will work on delivering that. So if you want to use SASS without Compass, it's entirely achievable.
-
Hello, Je cherche une solution pour travailler les CSS des modules via SASS, Compass et livereload. Je m'explique, Pour les CSS (global.css, product_list.css, product.css, ... ) pas de problème livereload fonctionne mais pour les modules il faut toujours demander à Compass de faire un watch sur un autre dossier et c'est pas top. Pour info j'utilise Compass via Ruby. Avez-vous une idée, une autre solution, quels outils utilisez-vous? Ckarone -
Does Prestashop compile the sass files? if yes, then how to enable? If not, then how can I automate sass compiling on the server? I am using Siteground as the host. -
Здравствуйте народ, Никак не могу понять как откомпилировать scss файлы в css. При компиляции жалуется: error hooks.scss (Line 2: File to import not found or unreadable: theme_variables. При этом компиляция для самой темы default-bootstrap проходит нормально, а вот для модуля ThemeConfigurator никак не идет, как его компилировать подскажите.
-
I am trying to add a custom font in a copy of the default theme but I had no luck so far. Here's what I have done: I have included the fonts in css/stylesheets/fonts/ I wrote in global.scss, right before "@import "theme_variables";": @import "compass/css3/font-face"; @include font-face("customFont", font-files('customFont.ttf'), 'customFont.eot'); And in _theme_variables.scss: $font-family: "customFont", Arial, Helvetica, sans-serif; The compiled global.css includes the font as such: @font-face { font-family: "customFont"; src: url('/stylesheets/fonts/customFont.eot'); src: url('/stylesheets/fonts/customFont.eot?#iefix') format('eot'), url('/stylesheets/fonts/customFont.ttf') format('truetype'); } But the font-family that are set afterward all ignore the font completely... I guess it has something to do with the fact that $font-family is set in a different file (my 2 cents), but I can't figure a workaround... -
Bonjour, Je viens d'installer en local Prestashop 1.6 avec son thème par défaut que j'ai dupliqué et nommé "prestasix" et j'essaye d'utiliser Sass et Compass. Lorsque je lance la commande : C:\wamp\www\Prestasix\themes\prestasix\sass>compass watch J'obtiens le message suivant : Nothing to compile. If you're trying to start a new project, you have left off the directory argument. Le fichier config.rb : http_path = "/" css_dir = "css" sass_dir = "sass" images_dir = "img" javascripts_dir = "js" fonts_dir = "font" output_style = :nested environment = :development relative_assets = false Je ne comprends pas ce qui se passe, en même temps c'est la première fois que j'utilise Sass/Compass sur un CMS...! Avez-vous une idée ? Merci AK -
Bonjour à tous, J'aimerais créer un blank thème Prestashop pour démarrer facilement un projet. Il faut que cela soit un thème adaptable à une grande majorité des projets, qu'ils soient simples ou plus complexes. Il faut qu'il possède une GUI neutre, mais avec une trame propre pour les éléments courants. J'aimerais que ce thème soit très bien commenté, et idéalement très bien documenté. Le thème devra être responsive et pour cela la meilleure méthode de travail est le Mobile First. Pour ce qui est de l'intégration, l'utilisation du préprocesseur SASS, du framework Compass et du plugin Susy me semble idéal. Susy facilite grandement le travail pour une approche mobile first. Ce thème sera Open Source et distribué gratuitement ! J'ai pensé à ça car j'en ai besoin et je sais que je ne suis pas le seul. J'en ai parlé aux Caen Camp (je viens de Caen) et j'ai déjà trouvé des personnes intéressées. Est-ce qu'il y a ici des personnes intéressées pour une collaboration sur ce projet ? Je créerais en temps voulu un projet sur Github. Bien sur les personnes ayant collaboré sur le projet seront citées et mises en avant. Pour participer il faut idéalement connaitre : - Prestashop - Git - CSS3 - HTML 5 - JS - SASS et Compass (et Susy) Qu'en pensez vous ? -
Hi, I started to develop a store based on Prestashop and did some search on finding if it's possible to use Foundation4 with SASS but only found a Foundation3 theme written in CSS. Do you know / recommend a responsive, preferably mobile-first, theme written in SASS or LESS? Thanks!
-
Hi all, I would like to create a blank theme for Prestashop to easily start a project. It must be a theme adaptable to a vast majority of projects, whether simple or complex. He must have a neutral GUI , but with a clean frame for current items. I want this theme very well commented, and ideally well documented. The theme should be responsive and the best method for this is the Mobile First. Regarding integration, the use of SASS, Compass and _ Susy seems ideal. Susy greatly facilitates the _ mobile first approach. This theme will be open source and distributed for free! I thought about it because I need it and I know I'm not alone. Are there people here interested in collaborating on this project? I would create in time a project on Github. Of course people who collaborated on the project will be cited and highlighted. To participate should ideally know: - Prestashop - Git - CSS3 - HTML 5 - JS - SASS and Compass (and Susy) What do you think?
