- This topic has 1 reply, 2 voices, and was last updated 14 years, 1 month ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Display all products from particular category
Hi guys
So far so good, my website is filling up with products.
Another problem I run into is displaying all products from one category using fancy style.
At the moment I am using this code [wp_eStore_category_products_fancy id=1 style=5]
This time I have 2 issues. The first one is that I can not center the displayed products. I tried using < center > I also tried using < p align=center > but this doesn’t help too.
Another issue I have is that for each product I have own add to cart button. When I want to display all products on one page, they display with own add to cart buttons. I have specified add to cart button in estore setting and I would want to use that one when displaying all products and keep own buttons when displaying full description of the product on product’s page.
To see what I mean have a look at my site http://estore.kupwaluty.com/thank-you/
The fancy5 display is a grid based display so it will automatically stack as my products as it can in one row then go to the next row. If the width is narrow then it won’t be able to stack that many.
To manually center the entire block you need to use proper CSS centering code.
1) Add the following to eStore’s CSS file (You can add this to your themes CSS too if you prefer)
#estore-center-content {
width: 500px ;
margin-left: auto ;
margin-right: auto ;
}
2. Now use this in your page like the following:
<div id="estore-center-content">
[wp_eStore_category_products_fancy id=1 style=5]
</div>
This is how the button image is handled… If the product does not have a button image specified for it then it will use the button image specified in the settings menu of the plugin. Whenever you specify a button image for a product you are basically telling the cart to use that button image.