- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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!
Solved! Go to Solution.
Accepted Solutions
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
Eric Baily
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
Eric Baily
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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?
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.
Eric Baily
- Mark as New
- Bookmark
- Subscribe
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Re: How can I style the Order Review table?
How do i make the order review table responsive?