- Posts: 9
- Thank you received: 0
allign table and provide description
15 years 5 months ago #14639
by dandez
allign table and provide description was created by dandez
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
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.
15 years 5 months ago #14645
by nicolas
Replied by nicolas on topic Re: allign table and provide description
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;
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.
15 years 5 months ago #14713
by dandez
Replied by dandez on topic Re: allign table and provide description
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?
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.
15 years 5 months ago #14715
by nicolas
Replied by nicolas on topic Re: allign table and provide description
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;
}
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.
15 years 5 months ago #14854
by dandez
Replied by dandez on topic Re: allign table and provide description
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
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.
15 years 5 months ago #14855
by nicolas
Replied by nicolas on topic Re: allign table and provide description
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...
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.
15 years 5 months ago #14876
by dandez
Replied by dandez on topic Re: allign table and provide description
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.
15 years 5 months ago #14887
by nicolas
Replied by nicolas on topic Re: allign table and provide description
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.195 seconds