cancel
Showing results for 
Search instead for 
Did you mean: 

How can I style the Order Review table?

SOLVED
   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

How can I style the Order Review table?

I mean the table in the last step before submitting the order.

I want to hide "Price", "Qty" and "Subtotal" columns.

I was able to do this everywhere else by setting the appropriate class to "display:none;" in the STYLES.CSS, but for some reason it does not affect this table in the Order Review.

Also, changing the content of item.phtml and info.phtml (/default/template/checkout/onepage/review) does not have any effect on the table either, even though Template Hints says that the table is being pulled from there.

 

I don't know if the problem lies with the way the table is pulled (via accordion.js?).

 

If someone can help, that would be great!

1 ACCEPTED SOLUTION

Accepted Solutions

Re: How can I style the Order Review table?

Goto magento root directory root/app/design/frontend/My_pakage/My_Theme/template/checkout/onepage/review/info.phtml. Edit the file and goto line number 43 to 45 replace below code: 

 

<?php if(false) { ?>
<th colspan="<?php echo $colspan ?>" class="a-center"><?php echo $this->__('Price') ?></th>
<th rowspan="<?php echo $rowspan ?>" class="a-center"><?php echo $this->__('Qty') ?></th>
<th colspan="<?php echo $colspan ?>" class="a-center"><?php echo $this->__('Subtotal') ?></th>
<?php } ?>

After save file open styles.css file root/skin/frontend/My_pakage/My_Theme/css/styles.css. While editing the file, enter the below code at the end.

 

#checkout-review-table td[data-rwd-label="Price"] {
  display: none;
}


#checkout-review-table td[data-rwd-label="Qty"] {
  display: none;
}

#checkout-review-table td[data-rwd-label="Subtotal"] {
  display: none;
}

and save file and clear all cache and check frontend. 

 

Let me know if you have any further query/concern regarding the same.

Query solved? Accept as Solution.Thanks
Eric Baily

View solution in original post

4 REPLIES 4

Re: How can I style the Order Review table?

Goto magento root directory root/app/design/frontend/My_pakage/My_Theme/template/checkout/onepage/review/info.phtml. Edit the file and goto line number 43 to 45 replace below code: 

 

<?php if(false) { ?>
<th colspan="<?php echo $colspan ?>" class="a-center"><?php echo $this->__('Price') ?></th>
<th rowspan="<?php echo $rowspan ?>" class="a-center"><?php echo $this->__('Qty') ?></th>
<th colspan="<?php echo $colspan ?>" class="a-center"><?php echo $this->__('Subtotal') ?></th>
<?php } ?>

After save file open styles.css file root/skin/frontend/My_pakage/My_Theme/css/styles.css. While editing the file, enter the below code at the end.

 

#checkout-review-table td[data-rwd-label="Price"] {
  display: none;
}


#checkout-review-table td[data-rwd-label="Qty"] {
  display: none;
}

#checkout-review-table td[data-rwd-label="Subtotal"] {
  display: none;
}

and save file and clear all cache and check frontend. 

 

Let me know if you have any further query/concern regarding the same.

Query solved? Accept as Solution.Thanks
Eric Baily

Re: How can I style the Order Review table?

Hi AddWeb,

 

thanks so much for your solution, this works perfectly! And I learend some new CSS coding.

 

Just curious, why do you need "<?php if(false){ ?>..." in info.phtml?

Re: How can I style the Order Review table?

@LordClick Thanks for accepting my response as a solution.

 

Actually, this is PHP code which helps to hide the section you don't want to display. 

Query solved? Accept as Solution.Thanks
Eric Baily

Re: How can I style the Order Review table?

How do i make the order review table responsive?