Section Wrappers

[Majjy]

How do you apply the different section wrappers from the common.css file.  I don't want the right column showing in the checkout page.  Thanks, Claudia

[bsmither]

The section wrappers apply style to that named section. What we need to do is to apply display logic (not styling*) to the right column.

 

CubeCart gives to the template engine a value for the variable $SECTION_NAME. You can see a <div> with an id that comprises the $SECTION_NAME along with "_wrapper" to form a complete id of, for example, product_wrapper, or category_wrapper. An almost complete list can be seen in the skin's common.css file so that you can apply specific stylings to this div depending on what it is showing.

Also, using $SECTION_NAME, you can create a test, for example:

{if in_array($SECTION_NAME,array('product','category'))}
html stuff
{/if}

So, for your particular solution:

 {if !in_array($SECTION_NAME,array('checkout','gateway'))}
      <div class="sidebar" id="sidebar_right">
        {$SHOPPING_CART}
        {$RANDOM_PROD}
        {if isset($POPULAR_PRODUCTS)}{$POPULAR_PRODUCTS}{/if}
      </div>
{/if}

Unfortunately, most stock CubeCart skins are fixed-width everything. So, if the right column disappears, you may end up with an empty space because the center column could be a fixed-width.

 

* We can also use this test to include a brief style attribute to the div.

[Majjy]

Thank you Brian,

I have so much going on right now trying to populate my store I may hold off on this for awhile.  I made the product image smaller on the checkout page and it looks okay for now.

Claudia

[sara736]

Yes that's great thanks.