You must be logged in to post


Register? | Lost Your Password?

Search Forums:


 






Wildcard Usage:
*    matches any number of characters
%    matches exactly one character

Complete Removal of Sidebar – How To

UserPost

3:34 am
July 28, 2010


gordy01

Member

posts 7

1

Apologies if this has already been covered, but I couldn't find it.

How do I completely remove the sidebar? I would like the sidebar removed and the rest of the site to fill its place.

I am using Version 4.

Thank you!

12:06 pm
July 29, 2010


Market Admin

Admin

posts 4756

2

5:09 pm
July 29, 2010


gordy01

Member

posts 7

3

Thanks, but that only removes the text from the sidebar, leaving the sidebar in place. I would like to completely remove the sidebar so that the product categories fill that space.

What are the CSS changes that need to be made?

Thanks for your help.

5:15 pm
July 30, 2010


Market Admin

Admin

posts 4756

4

A great tool I use for CSS changes, is a plugin for Firefox named "Firebug".  It's a free download, and I highly recommend it.

The background color for the margin is pulled from the "/imgs/" folder.  It's a file named "cont-bg.jpg".  As far as the style element, I believe it's "#main .content". 

8:05 pm
August 27, 2010


unibookmart

Member

posts 14

5

Is there no easy way to remove the entire sidebar section? I really don't like this sidebar.

8:15 pm
August 27, 2010


unibookmart

Member

posts 14

6

oh, I just figured out. If I remove sidebar.php it ruins the whole site. It's the background image that's problematic. hmmm How do I edit this? side bar stuff image on the back.

10:19 am
August 30, 2010


Market Admin

Admin

posts 4756

7

Removing the sidebar is best done by editing the "sidebar.php" page.  

Just enter this at the very top:

<?php /* ?>

and this at the very bottom:

<?php */ ?>

Then, you'll need to adjust the background image, and the margin settings.

You'll find more info on these posts:

http://www.markettheme.com/for…..e-side-bar

http://www.markettheme.com/for…..htly-wider

10:20 am
August 30, 2010


Market Admin

Admin

posts 4756

8

Obviously, on the second link above you'll make the margin smaller – not wider.

3:05 pm
September 13, 2010


unibookmart

Member

posts 14

9

Perfecto! Thank you very much! Laugh

1:36 pm
May 2, 2011


Market Admin

Admin

posts 4756

10

Ok, here's again how to completely remove the sidebar, so that your content is the entire width of the page.

These code changes are for version 4 and up.

 

1.  First, edit your "sidebar.php" code. 

Enter this at the very TOP first line of the file:

 

<?php /* ?>

 

and enter this at the very BOTTOM of the file, as the last line:

 

<?php */ ?>

 

These lines are different if you look closely, so make sure you've got them correctly.

Save the file.

 

2.  Now, open up your "functions.php" file for editing.

On or around line #63 you'll find this line:

$mkt_options['mkt_body_content_width'] = $mkt_options['mkt_TOTAL_PAGE_WIDTH']-270-65; // Total width minus left column width, minus content padding

You'll need to change it to this:

$mkt_options['mkt_body_content_width'] = $mkt_options['mkt_TOTAL_PAGE_WIDTH']-35; // Total width minus content padding

 

3.  Next, on or around line #79 you'll find this line:

 

#main .content .newproducts .new .itemdesc { width: <?php echo $mkt_options['mkt_body_content_width']-$mkt_options['mkt_thumbnail_width']-30; ?>px; // Minus left column width, minus content padding, minus thumbnail}

 

You'll need to change it to this:

 

#main .content .newproducts .new .itemdesc { width: <?php echo $mkt_options['mkt_TOTAL_PAGE_WIDTH']-35; ?>px; // minus content padding}

 

Save the file.

 

That should do it.

9:04 pm
November 19, 2011


ymherbst

Member

posts 7

11

For edits like this, do I have to be working in FTP to edit the files?  Sounds very complicated and hard to understand

10:28 pm
November 21, 2011


Market Admin

Admin

posts 4756

12

No, you can actually use the built-in WordPress Theme editor tool. It's in the admin area under the "Appearance" menu tab. In there, just click on "Editor", and you can edit many of the Market Theme files without needing to FTP.



 

Market takes e-commerce to the next level with an easy to use, quick setup platform. Learn more or take the tour.