Results 1 to 5 of 5
  1. #1
    Join Date
    Jun 2007
    Posts
    17
    Plugin Contributions
    0

    Default Customizing Product Category Page

    I have been unable to find out where I need to go to make the changes I want. I am not even sure what the correct name of the pages are that I am trying to change! I want to change the pages where it lists the various items in the category - NOT the individual items. On my site (http://www.createdbygayle.com/zencart) I want to make changes to the Earrings, Necklaces, etc. pages (the direct link to one of the pages I want to change is http://www.createdbygayle.com/zencar...index&cPath=74. I want to make the following changes:

    1) Eliminate the header under the breadcrumb area that Zencart puts by default (i.e. "Earrings") because I want to use my image instead.

    2) Position my image in the center top of the page, rather than left-aligned as it is now.

    3) Find where to set the size of the image - for some reason, it is shrinking down my images - to different sizes on different pages.

    4) Change font color - I changed it on the main page using the stylesheet.css file, but obviously I missed where to change it for these pages.

    5) Somehow I managed to eliminate the border that goes around the "New Products for *month*" on each of the pages including the main index page and I cannot find where to go to put it back.

    I appreciate any assistance in resolving these issues!

    Laura

  2. #2
    Join Date
    Jun 2007
    Posts
    17
    Plugin Contributions
    0

    Default Re: Customizing Product Category Page

    Since posting last night, I have found out how to resolve 2 of my issues (resizing of the photos and eliminating the headers - for anyone else having these concerns, the answer to the first is in Admin-Configuration-Images. The second issue is changed by following the instructions in http://www.zen-cart.com/forum/showth...ht=subcategory).

    I still need help in figuring out:
    - how to center my header images,
    - change font color on category and subcategory product pages and
    - add the border around the new products area (I was able to get a border around each individual item in the section, but not around the entire section).

    Thank you.

  3. #3
    Join Date
    Dec 2005
    Posts
    1,509
    Plugin Contributions
    6

    Default Re: Customizing Product Category Page

    Quote Originally Posted by Ahroo View Post
    I still need help in figuring out:
    - how to center my header images,
    - change font color on category and subcategory product pages and
    - add the border around the new products area (I was able to get a border around each individual item in the section, but not around the entire section).

    Thank you.
    These can all be accomplished by simply altering the stylesheet.css file for your template. (found in "/includes/templates/[YOUR TEMPLATE/css" )

    Just alter the styles for the part of the page that you want to change.

    If you are not sure "what" styles to alter, my suggestion would be to view the page you want to change (in a browser). Then, do a "view source" (using you browser).

    Find the section of the page that you want to change, and take note of the "class" that controls that look (or "div id" etc..). Write that down, then find that style attribute in your style sheet.

    Make the changes you need and upload the new style sheet to your website.
    Eric
    20 Ways to Increase Sales Using Zen Cart
    Zen Cart contribs: Simple Google Analytics, Export Shipping Information

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Customizing Product Category Page

    Do you have Firefox and its Web Developer extension? If not, get them, and then you can find things like the name of the new products area for yourself...

  5. #5
    Join Date
    Jun 2007
    Posts
    17
    Plugin Contributions
    0

    Default Re: Customizing Product Category Page

    Thank you both - that little bit of help in knowing what to look for in the "view source" made all the difference and I have made the desired changes!

 

 

Similar Threads

  1. Customizing the product listing page (Sub Category product list)
    By mattk251285 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 20 Feb 2013, 12:22 PM
  2. Customizing Product Description Text Formatting on Category Page
    By Bahnstoermer in forum Setting Up Categories, Products, Attributes
    Replies: 50
    Last Post: 17 Dec 2010, 11:54 AM
  3. How to customizing product listing page of one category?
    By rainmist in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Sep 2008, 11:16 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg