ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Customizing ProductCart
  New Posts New Posts RSS Feed - Design Layout
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Design Layout

 Post Reply Post Reply
Author
Message
josh View Drop Down
Newbie
Newbie
Avatar

Joined: 24-October-2010
Status: Offline
Points: 10
Post Options Post Options   Thanks (0) Thanks(0)   Quote josh Quote  Post ReplyReply Direct Link To This Post Topic: Design Layout
    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
Back to Top
netprofits View Drop Down
Certified ProductCart Developers
Certified ProductCart Developers
Avatar

Joined: 05-January-2006
Location: United States
Status: Offline
Points: 22
Post Options Post Options   Thanks (0) Thanks(0)   Quote netprofits Quote  Post ReplyReply Direct Link To This Post 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

Our Site
Back to Top
josh View Drop Down
Newbie
Newbie
Avatar

Joined: 24-October-2010
Status: Offline
Points: 10
Post Options Post Options   Thanks (0) Thanks(0)   Quote josh Quote  Post ReplyReply Direct Link To This Post 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
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 11.07
Copyright ©2001-2016 Web Wiz Ltd.

This page was generated in 0.035 seconds.