Simple layout for product listing page

Hello,

I am trying to change the layout of my product listing page:
www.pssgpcshop.com/index.php?option=com_...t=listing&Itemid=624

I want to created a product listing page that has no images and shows the product name, decription and price with a buy now button for each product.

I have a page written in html with a layout I am shooting for scroll down the page to see the product layout:

www.pssgpcshop.com/index.php/columns/78-...mns/189-gram-columns

How can I replicate this in HikaShop? Everything I try in the page option does not seem to take effect...

Thank you, I was able to change the layout.

www.pssgpcshop.com/index.php?option=com_...t=listing&Itemid=624

Is there a way to remove the "Image" column and add a description column?

Thank you!

Hello,
I copied that exact CSS line in to both the front end css and back end css and the image row still appears.


Also, how can I add the description to the table view?

Thank you!

Hi,

1. I tried the CSS code that nicolas gave you by using firebug, and it seems to be working fine, are you adding this CSS code through the "Front-end CSS File" option of the page "Hikashop->System->Configuration->Display->'CSS tab'" ?

2. Regarding the description, I think that you'll be able to do it by editing the code of your "listing_table" file of your "product" view of your front-end template. You'll probably find some answer there :

If you want to display the product description, you will have to edit the file listing_table via the menu Display->Views and add the code:
echo $this->row->product_description;

after the code:
echo $this->row->product_name;

Thank you, I was able to hide the image columns.

Regarding the description though it appears to add the description to the same column as the product name. Is there a way to have separate columns one for product name and one for description?

Sure, You'll have to add this code :

<td class="hikashop_product_description_row">
              <?php
          echo $this->row->product_description; ?>
            </td>

<?php if ($this->config->get('show_code')){ ?>
            <td class="hikashop_product_code_row">
              <?php if($this->params->get('link_to_product_page',1)){ ?>
                <a href="<?php echo $link;?>">
              <?php }
              echo $this->row->product_code;
              if($this->params->get('link_to_product_page',1)){ ?>
                </a>
              <?php } ?>
            </td>
          <?php } ?>

<th class="hikashop_product_description_title" align="center">
              <?php echo JText::_( 'PRODUCT_DESCRIPTION' ); ?>
            </th>

<?php if ($this->config->get('show_code')) { $columns++;?>
            <th class="hikashop_product_code_title" align="center">
              <?php echo JText::_( 'PRODUCT_CODE' ); ?>
            </th>
          <?php } ?>

Thank you so much! Works great.

Last question. Is it possible to change the width of the columns? My product name column is much wider than it needs to be and I would like to expand the description columns.

Thank you

H there,

The listing table is already using a 100% width so if you want it to be bigger you'll need to edit your template.
The table currently fit the central position, make this part of your template bigger and the width of the table will go with it.