allign table and provide description

  • Posts: 9
  • Thank you received: 0
13 years 7 months ago #14639

Hello Is there any way to align table content vertically in the middle on the website below?

createminisite.com/shop

Also is it possible to display product description in the column right under the name of the product?
Warmest Regards
Dan

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
13 years 7 months ago #14645

You need to edit your template CSS for that.
In the file createminisite.com/templates/minisitekopia/css/template.css you need to change:
.art-article th, .art-article td {
padding: 2px;
border: solid 1px #8C9B94;
vertical-align: top;
text-align: left;
}

to:
.art-article th, .art-article td {
padding: 2px;
border: solid 1px #8C9B94;
vertical-align: middle;
text-align: left;
}

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;

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
13 years 7 months ago #14713

Thank you very much. It works, but is there any chance to undo adding description?
After removing:
echo $this->row->product_description;

descriptions are still on the page.

Another question is:
Can I have two different tables on my website?

When I change the style with the code YOu provided it changes general styling of the table also for this website:

createminisite.com/services

I know it can be done with suffix. But where to add a suffix for the table?

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
13 years 7 months ago #14715

You can click on the delete icon of the file to remove the customization...

For the CSS, if you want different display then you could have something like this:

.art-article th, .art-article td {
padding: 2px;
border: solid 1px #8C9B94;
vertical-align: top;
text-align: left;
}

.hikashop_products .art-article th, .hikashop_products .art-article td {
padding: 2px;
border: solid 1px #8C9B94;
vertical-align: middle;
text-align: left;
}

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
13 years 7 months ago #14854

Removing customization isn't working, descriptions stay on the page(a bug?:).

ANother thing regarding CSS. The only thing I want is to change alignment of the Price column to the center, so that the all prices in the cells are centered.

I inspected the first "17each" price with a firebug and it indicates this piece of html as responsible for it:

<td class="hikashop_product_price_row">
<span class="hikashop_product_price_full">
<span class="hikashop_product_price">$17.00</span>
each
</span>
</td>


However I can't find this piece of code to center the prices. I browsed through the Views in Display customization of hikashop backend with no success.
Any ideas where to find the code?
Regards
Dan

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
13 years 7 months ago #14855

What do you mean by "it doesn't work" ? Do you get an error message ?


Then you can use such CSS:
.hikashop_products td.hikashop_product_price_row {
vertical-align: middle !important;
}

You don't need to edit the view...

Please Log in or Create an account to join the conversation.

  • Posts: 9
  • Thank you received: 0
13 years 7 months ago #14876

By not working I meant removing customization and "product description row" manually from the "table listing" and regardless of that the descriptions of the products are still in table on the page.

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
13 years 7 months ago #14887

Are you sure that you're editing the correct view files ? If you have several templates on your website, you will have several entries for the same view file (one per template).

Please Log in or Create an account to join the conversation.

Time to create page: 0.067 seconds
Powered by Kunena Forum