ThemeShaper Forums » Thematic


Getting Thematic categories to display full page width

(10 posts)
  • Started 7 years ago by proto
  • Latest reply from helgatheviking
  • This topic is resolved
  1. proto

    Hello All,

    A quick one I hope :)

    I have a Thematic based question of how to get wp-ecommerce category pages to display with the full width page template (eg approx 940px) rather than the default template (620px) width.

    I know that when creating the products page I am able to click on the page template "full width" which then displays wp-e-commerce products full width and this works fine. But when I view a shop category of items eg "shoes" Thematic contains the wp e-commerce files in the default file.


    1: I tried editing the products pages themselves but as far as I can see there's no option to apply a layout (default or otherwise).

    2: I edited the the thematic "category.php" file and gave the default "container" and "content" html markup my own unique markup

        // calling the header.php
        // action hook for placing content above #container
    		<div id="container-category">
    			<?php thematic_abovecontent(); ?>
    			<div id="content-category">

    I was then going to use CSS to adjust these containing divs to the size I needed but this didn't show up, even when I put the "Category.php" folder in my child theme.

    3: The third way I thought of doing this is via conditional CSS comments. I think this is least desirable option because as I add new categories to the shop it will not dynamically update, I'll have to target the page ID to adjust the Thematic containing divs for any new categories that I add.

    Any thoughts of how to solve this, is their a quick way to change the default category display that contains my wp-e-commerce products?

    Posted 7 years ago #
  2. got a live link?

    Posted 7 years ago #
  3. why edit category.php?

    if you want full page you need to 1. kill the sidebar and then 2. adjust the CSS to mimic the full-width page template CSS.

    function kia_kill_sidebar(){
      if(is_category('bacon')){ return false;}
      else {return true;}

    you should have some kind of category identifier in the body class.

    .bacon-category #container, .bacon-category #content { width: 100%; margin: 0 auto; float: none;}

    this isn't a complete,tested answer, but it should get you on your way.

    Posted 7 years ago #
  4. proto

    Thanks so much both!

    Here's a test example site:

    I'll let you know how I get on :)

    Posted 7 years ago #
  5. looks like you got it, no?

    Posted 7 years ago #
  6. are you using the full page template?

    Posted 7 years ago #
  7. proto

    Jagst3r15 & Helgatheviking,

    Thank you very much for your help. I can get it to work. But it's along the lines of the CSS adjustments (number 3 solution in my first post here and helga's kind suggestion).

    I'm using the full page-width for the shop page (as this is generated as a page by wp-e-commerce) so using Thematic full width on this page works fine. However, displaying categories of shop items there's no option (at least as far as I can see within the admin section to have these display full width). I think Thematic naturally treats them as categories and displays them as such (understandable but I was hoping I could apply some sort of admin based category display adjustment (ala the pages).

    I was hoping their might be a way to administer how the categories displayed so it could be done without hard coding the CSS but it seems this might be the only way? Unless anyone else has an other ideas, otherwise I think this might be the only solution that works?

    Thanks again Jagst3r15 and Helga :)

    Posted 7 years ago #
  8. well you could dig into the wp-commerce documentation. low and behold they have conditional tags, and one specifically for determining if you are in a product category

    so my code would then be:

    function kia_kill_sidebar(){
      if(function_exists('wpsc_is_in_category') && wpsc_is_in_category() ){ return false;}
      else {return true;}

    always wrap plugin functions in a function_exists test so that your theme doesn't die if you disable the plugin

    Posted 7 years ago #
  9. proto

    Thanks a lot Helga!

    It seems the sidebar can be killed but the category content still needs some CSS magic to display well. Which means I'm going to have to hard code the CSS I think.

    Thanks again Helga for the help :)

    Posted 7 years ago #
  10. hard code the css? use the same wpsc_is_in_category() to add a body class, either via thematic_body_class() (which is being deprecated) or body_class() depending on which you're using

    Posted 7 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.