sughoi Posted July 24, 2013 Share Posted July 24, 2013 Hello everyone, I have some problems with custom template ... I want to ask how to change all the column to be in the middle? I've tried to remove the hook left and right but it makes the content is on the left. I hope some Master out there can advice on how to solve it .. Note: The products I sell and show only two items. Thank You Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 it's not as simple as it seems right now, coz you have to edit other elements to you have to change the definition of the classes from grid_5 to grid_9 for each element you want to extend. for product page too (product.tpl file) if you want to change the slider size (center it) - read this tutorial: default home slider full column width or check this modification: homeslider modification Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 it's not as simple as it seems right now, coz you have to edit other elements to you have to change the definition of the classes from grid_5 to grid_9 for each element you want to extend. for product page too (product.tpl file) if you want to change the slider size (center it) - read this tutorial: default home slider full column width or check this modification: homeslider modification Thank you Vekia for your reply. It looks like I'll not use the homeslider. Actually I am more concentration to how the products blocks are in the middle. Can you tell me how the steps to set it up? Thank you Note: Sorry for my bad english, i use google translation to translate all this question Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 from the screens that you attached - it looks like default home slider module what you mean by "product" blocks ? can you explain a bit more? what element you want to "center" ? Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 from the screens that you attached - it looks like default home slider module what you mean by "product" blocks ? can you explain a bit more? what element you want to "center" ? Sorry if I was not clear in explaining it. I am attaching some photos again and I hope it can explain my question Link to comment Share on other sites More sharing options...
NemoPS Posted July 24, 2013 Share Posted July 24, 2013 In that case you can simply leave the columns, and instead of using hooks variables put a  : inside Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 that's right if you don't want to make contents wide there is no reason to remove the columns, exactly as Nemo suggested but if you want... is there any way to test your website? i will check the css styles Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 In that case you can simply leave the columns, and instead of using hooks variables put a  : inside Can you please explain to me how to do that and which file that I should modify? Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 just remove the {$HOOK_LEFT_COLUMN} and {$HOOK_RIGHT_COLUMN} from original header.tpl and footer.tpl files by remove i mean replace it with as nemo suggested Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 (edited) just remove the {$HOOK_LEFT_COLUMN} and {$HOOK_RIGHT_COLUMN} from original header.tpl and footer.tpl files by remove i mean replace it with as nemo suggested Okay thanks I will try it. I want to ask one more question...How to redirect the index.php to the another link? Edited July 24, 2013 by sughoi (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 by index.php you mean homepage? im asking because many other pages also uses index.php for example search, manufacturers, categories etc. Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 by index.php you mean homepage? im asking because many other pages also uses index.php for example search, manufacturers, categories etc. Yes, the index.php that I mean is the homepage. Can I redirect to another link? Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 yes you can but it isn't good idea especially for seo reasons you can do it with htaccess 301 redirection Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 yes you can but it isn't good idea especially for seo reasons you can do it with htaccess 301 redirection Okay many thanks for your reply Link to comment Share on other sites More sharing options...
Jiten rash (away) Posted July 24, 2013 Share Posted July 24, 2013 to redirect better do fron cpanel or paste it to header.tpl <meta http-equiv="refresh" content="0; ,URL=URLHERE"> to move home featured in the center add this to home featured.css #featured-products_block_center {width:530px; margin-left:330px; } add this to global.css body#product #center_column {width:650px; margin-left:330px;} body#product #left_column,#right_column {display:none;} Link to comment Share on other sites More sharing options...
sughoi Posted July 24, 2013 Author Share Posted July 24, 2013 to redirect better do fron cpanel or paste it to header.tpl <meta http-equiv="refresh" content="0; ,URL=URLHERE"> to move home featured in the center add this to home featured.css #featured-products_block_center {width:530px; margin-left:330px; } add this to global.css body#product #center_column {width:650px; margin-left:330px;} body#product #left_column,#right_column {display:none;} Thank you very much for the explanation. I will definitely give it a try Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 but in this case you will have to customize also other pages, the fix above is only for certain pages (not whole website) Link to comment Share on other sites More sharing options...
Jiten rash (away) Posted July 24, 2013 Share Posted July 24, 2013 (edited) in this case he shud have a center column of 980px or full slider.or watever.. this website will look too small..] he shud also have body#index #center_column {width:650px; margin-left:330px;} body#index #left_column,#right_column {display:none;} if he goes for body#order # any page go on.. my suggestion is a have nivoslider or zoom slider and a site of 980px or full 1200px Edited July 24, 2013 by Jiten rash (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted July 24, 2013 Share Posted July 24, 2013 yeap, i totally agree with you jitenx Link to comment Share on other sites More sharing options...
sughoi Posted July 25, 2013 Author Share Posted July 25, 2013 (edited) Thank you for Vekia and Jiten you guys are very helpful. I've tried that you suggest and it works the way I expected. But there was another problem, appears white block at the bottom (Pict - Untitled 3). Any idea how can I remove that white part, because I want it full height? Another question I want to make this part also is in the middle (Pict - Untitled 4). How I can make it at the center? Edited July 25, 2013 by sughoi (see edit history) Link to comment Share on other sites More sharing options...
Jiten rash (away) Posted July 25, 2013 Share Posted July 25, 2013 (edited) to put in the center column add to global.css body#category #center_column {width:650px; margin-left:330px;} body#category #right_column {display:none;} body#category #left_column {display:none;} to remove white space body#my-account #center_column {width:650px;} body#my-account #columns {height:300px;} body#my-account #account-creation {height:100%;} Edited July 25, 2013 by Jiten rash (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted July 25, 2013 Share Posted July 25, 2013 btw. it is possible to check your website? if it is online, please share the url it will be much easier for us to debug such things 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