deniss13 Posted September 5, 2012 Share Posted September 5, 2012 Hello guys, I'm a CSS/HTML beginner, and i managed to do few themes for prestashop, however i want to try to make a responsive theme, any tips, or directions how this is made? How you make blocks and columns disappear for example? and such Thanks in advance Link to comment Share on other sites More sharing options...
CartExpert.net Posted September 5, 2012 Share Posted September 5, 2012 Hi. What do you mean by 'responsive theme'? Yes, you can make blocks 'disappear' by e.g.:- adding exceptions to modules. Regards. Robin. The CartExpert Team Link to comment Share on other sites More sharing options...
vekia Posted September 5, 2012 Share Posted September 5, 2012 Hi. What do you mean by 'responsive theme'? Yes, you can make blocks 'disappear' by e.g.:- adding exceptions to modules. Regards. Robin. The CartExpert Team In short, responsive web design is a term that describes the concept of building a website design in a way that allows the layout to change depending on what screen resolution the viewer has Link to comment Share on other sites More sharing options...
deniss13 Posted September 5, 2012 Author Share Posted September 5, 2012 (edited) It dynamically changes according to screen resolution, this is responsive web design. See http://elationbase.c...liquid/demo/en/ for example, change your browser screen size (no need to change resolution) and you will see how theme changes, in smallest screen it become mobile theme. See also http://demo.atchworks.com/cameleon/ Edit: And i know how to disappear block with exceptions, in responsive theme this is done dynamically without exceptions. Edited September 5, 2012 by deniss13 (see edit history) Link to comment Share on other sites More sharing options...
CartExpert.net Posted September 5, 2012 Share Posted September 5, 2012 Basically, then you should set everything's width with %. PrestaShop is totally dynamical. Regards. Robin. The CartExpert Team Link to comment Share on other sites More sharing options...
deniss13 Posted September 6, 2012 Author Share Posted September 6, 2012 And how to make other menu to appear on low resolution and columns and blocks disappear? Link to comment Share on other sites More sharing options...
razaro Posted September 6, 2012 Share Posted September 6, 2012 For responsive theme you should use media queries,just google "media queries tutorial" there will be a lot of them. Also there are a lot of tutorials for responsive menus. You get some ideas from frameworks like Twitter bootstrap 2, Foundation 3 or some other more or less complex framework. Link to comment Share on other sites More sharing options...
deniss13 Posted September 6, 2012 Author Share Posted September 6, 2012 Thank you Razaro, and should i hide blocks and columns with media queries too? Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now