badmintongrej Posted January 17, 2014 Share Posted January 17, 2014 (edited) Hello I need help on how to make it so I can have 2 products per column, and I need to have the "add to cart" button, under the product description (where the arrow is placed) (look screenshot). Hope any of you can help me Jacob Edited January 17, 2014 by badmintongrej (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted January 17, 2014 Share Posted January 17, 2014 you have to change float:left to float:right; in: #product_list li .right_block { position: relative; float: left; width: 145px; text-align: right; } it's a part of product_list.css file line 95 Link to comment Share on other sites More sharing options...
badmintongrej Posted January 17, 2014 Author Share Posted January 17, 2014 (edited) you have to change float:left to float:right; in: #product_list li .right_block { position: relative; float: left; width: 145px; text-align: right; } it's a part of product_list.css file line 95 That moved my "add to basket" to the right, screenshot But is it possible for me to have two products in each column ? I have to change something about the product width but i dont know where ? Edited January 17, 2014 by badmintongrej (see edit history) Link to comment Share on other sites More sharing options...
badmintongrej Posted January 19, 2014 Author Share Posted January 19, 2014 That moved my "add to basket" to the right, screenshot But is it possible for me to have two products in each column ? I have to change something about the product width but i dont know where ? Did any one know how to make these 2 products in each column ? Link to comment Share on other sites More sharing options...
vekia Posted January 19, 2014 Share Posted January 19, 2014 it was my mistake, i just thought that you want to move it :/ sorry, unfortunately, if you want to display 2 products per row - there will be not enough space to do it in this way, take a look: it's necessary to rebuild it a bit but i don't know what you exactly expect Link to comment Share on other sites More sharing options...
badmintongrej Posted January 19, 2014 Author Share Posted January 19, 2014 it was my mistake, i just thought that you want to move it :/ sorry, unfortunately, if you want to display 2 products per row - there will be not enough space to do it in this way, take a look: it's necessary to rebuild it a bit but i don't know what you exactly expect Just as it looks in the picture above, that looks really cool Link to comment Share on other sites More sharing options...
vekia Posted January 19, 2014 Share Posted January 19, 2014 really? if so, you have to change only width of li object, for example instead of: #product_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } use just: #product_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 350px; display: inline-block; } 3-music-ipodsmed it's a part of: /themes/default/css/product_list.css file (if you use default theme) Link to comment Share on other sites More sharing options...
badmintongrej Posted January 19, 2014 Author Share Posted January 19, 2014 (edited) really? if so, you have to change only width of li object, for example instead of: #product_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } use just: #product_list li { margin-bottom: 14px; padding: 12px 8px; border: 1px solid #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 350px; display: inline-block; } 3-music-ipodsmed it's a part of: /themes/default/css/product_list.css file (if you use default theme) I changed that, but it is still one product per column (http://gyazo.com/9e6465e32c079e42fffb329b544d39ee) Do i just have to make the width smaller? Edited January 19, 2014 by badmintongrej (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted January 20, 2014 Share Posted January 20, 2014 image you attached doesn't work: Link to comment Share on other sites More sharing options...
badmintongrej Posted January 20, 2014 Author Share Posted January 20, 2014 Try this one http://imgur.com/3GIJ67G I just dont get how to make it so I have two products per column ... Link to comment Share on other sites More sharing options...
vekia Posted January 21, 2014 Share Posted January 21, 2014 it looks like styles doesnt work. any chance to get url to your website? Link to comment Share on other sites More sharing options...
badmintongrej Posted January 22, 2014 Author Share Posted January 22, 2014 it looks like styles doesnt work. any chance to get url to your website? I cant give you the url since I have not puplished it yet, but he code is now like this (http://justpaste.it/e6cq) Can you see my mistake ? Link to comment Share on other sites More sharing options...
vekia Posted January 22, 2014 Share Posted January 22, 2014 css styles are related to other styles from your website. in addition, also to number of columns you've got etc. without access to website (to "live" code) it will be a bit hard to help Link to comment Share on other sites More sharing options...
badmintongrej Posted January 23, 2014 Author Share Posted January 23, 2014 css styles are related to other styles from your website. in addition, also to number of columns you've got etc. without access to website (to "live" code) it will be a bit hard to help And how do I give you acces to that ? Link to comment Share on other sites More sharing options...
badmintongrej Posted January 23, 2014 Author Share Posted January 23, 2014 Okay now I fixed it, but can I remove the top white area as I have marked in the picture ? And can i mabye move the add to cart a little bit to left and up ? (http://imgur.com/R03z0CX) Regards Jacob Link to comment Share on other sites More sharing options...
badmintongrej Posted January 24, 2014 Author Share Posted January 24, 2014 Okay now I fixed it, but can I remove the top white area as I have marked in the picture ? And can i mabye move the add to cart a little bit to left and up ? (http://imgur.com/R03z0CX) Regards Jacob Can you change that ? Link to comment Share on other sites More sharing options...
badmintongrej Posted January 27, 2014 Author Share Posted January 27, 2014 Can any 1 fix this ? Link to comment Share on other sites More sharing options...
vekia Posted January 27, 2014 Share Posted January 27, 2014 it's because without url it's very hard to help in cases like that, so no replies here. 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