Customizing ProductCart - Design Layout

Print Page | Close Window

Design Layout

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=5819
Printed Date: 18-April-2025 at 3:18am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Design Layout

Posted By: josh
Subject: Design Layout
Date Posted: 08-March-2014 at 5:58pm

Can someone tell me exactly how to remove the right column in the design layout and have the Main section use more horizontal space. I've checked the Pcheaderfooter.css file and can't find the right-margin width to remove ?

Quick assistance greatly appreciated.

-------------
ahuvainc@gmail.com

Replies:

Posted By: netprofits
Date Posted: 08-March-2014 at 9:21pm

Hi Josh,

1. Edit the header.asp file and look for this code near the bottom:


      <div id="pcMainArea-RIGHT">
    
        <!--#include file="CategorySearchFields.asp"-->
        
          <div id="pcMainArea-PRICE">
            <h3>Browse by Price</h3>
                <ul>
                    <li><a href="showsearchresults.asp?priceFrom=0&priceUntil=20">Below $20</a></li>
                    <li><a href="showsearchresults.asp?priceFrom=20&priceUntil=50">From $20 to $50</a></li>
                    <li><a href="showsearchresults.asp?priceFrom=50&priceUntil=100">From $50 to $100</a></li>
                    <li><a href="showsearchresults.asp?priceFrom=100&priceUntil=9999999">Over $100</a></li>
                </ul>
          </div>

          <!--#include file="SmallRecentProducts.asp"-->
        
    </div>

That defines the right column. If you want to keep any of the content in that column, move it first and then remove all of that code.

2. Edit the pcheaderfooter11.css file (or whatever pcheaderfooter file you have). Search for the code below:


    /* Main area */
    #pcMainArea-CENTER {
        margin: 12px 196px;

and change it to:


    /* Main area */
    #pcMainArea-CENTER {
        margin: 12px 0px 12px 196px;

This removes the right margin from the center content area.

For more details on setting up the template, see this wiki article:
http://wiki.productcart.com/productcart/storefront-integrate

Hope that helps!

-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site

Posted By: josh
Date Posted: 09-March-2014 at 10:02am

Thanks, that last line was the missing clincher..

Can you call me to discuss adjusting with some redesign of my header / footer for my main site for pay. My number 718.569.7722

Thanks.

-------------
ahuvainc@gmail.com