eStore – product display width

[stargaz3r]

First, thank you so much for this awesome plugin!

I’m using stylish display 3 with some price variants for each product and placing them in a grid (by category). However, the display width is set so the pull down menu for the prices don’t fit properly. How do I adjust this? I tried the following (based on another forum question) but I know nothing about css so I don’t know what to change as it’s not working:

.eStore-product-fancy-3{

width: 300px !important;

}

Here’s the site: [http://www.modaportraiture.com/purchase-test/]

Thanks!

[admin]

Fancy 3 uses a narrow width display so that probably won’t be a suitable one if you want a wider section. So you should probably look for another template that has a width closer to what you are after:

https://www.tipsandtricks-hq.com/ecommerce/create-a-grid-display-for-your-products-using-the-wp-estore-plugin-2806

With that said, you can use a custom CSS like the following to make the fancy3 template wider:

.eStore-fancy3 {

min-width: 220px !important;

}

[Alia]

Hi there

Could I make fancy3 (or any of the grid options) *longer* using css? What would it have to say? I’d love to have grids with just a bit more text.

Thank you!

[admin]

Yes that can be done but you would need to have a bit of CSS knowledge for it. How long (in pixels) do you want to make them?

[Alia]

Thank you for your help.

Maybe up to 700px?

Once I can do it, I can play with the optimal length and width

[admin]

Please share a URL of your site so I can inspect it and give you the CSS tweak.

[Alia]

I have a shop test page that has the fancy 5 on it. aliathabit.com/shop-test/

(in the process of making a shop page and testing the grid displays).

For most things, I want “thumbnails” like fancy 5 with a sentence or two, and the details button to send the buyer to the full sales page (I would love a dedicated “Learn More” button along with add to cart and buy now…).

There are 3 of in a line under a couple of add to cart buttons. You can see what I mean.

Would reducing the space around the details button do the same thing as increasing the space for the text?

[admin]

Below is a tweak that should make the description area longer and show more description text. You can play around with the number value to adjust things (it should give you some idea):

.eStore-fancy5 {

height: 700px !important;

}

.eStore-fancy5-body {

max-height: 500px !important;

}

.eStore-fancy5-description {

max-height: 400px !important;

}

You can also get us to do a custom job for you and create a template that is according to a specification that you give us.

[Alia]

Thank you! I will play with this and see how it goes. If I can’t get it the way I want, I will certainly look into a custom template.

[Author]

Posts