Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Thumnbail size
- This topic has 6 replies, 2 voices, and was last updated 12 years, 11 months ago by amillioninthemaking.
-
AuthorPosts
-
December 8, 2011 at 7:14 pm #4987amillioninthemakingMember
Hi,
Im trying to add products to my shopping cart and have paid a coder to make several layout changes and make a category view for my products the way I want it. Unfortunately, he was not completely successful. As I was told it was due to shopping cart limitation, and this seems quite odd to me since Im probably not the only one with this issue.
I have 3 different packages, with many styles and layouts for download.
Please view the current shopping cart visual status here:
http://funeralparlour.com/shopping-cart/?product_page=1
And here is a sample layout I made in photoshop, and how I wanted it to look. Please check here:
http://funeralparlour.com/FuneralParlour/Pictures/TemplatePackagePage.jpg
As you can see, the width of each thumbnail is the same, but the height increase for each package since more products are included.
As a default. wp estore distorts them to 125×125 and makes my images look very poor.
Is there any way to fix this within your software, or some coding that can be done to constrain proportions and use exact width???
Please let me know, and the guy I had working on this for me is mubashir.sani (skype name) If you can give him instructions, he can change it easily enough for me.
Thanks
Looking forward to good news.
Matthew
December 9, 2011 at 9:33 am #39470adminKeymasterWhen you design your own display you have the freedom to show the thumbnail however you want it. Basically you are reading all the product details from the database and showing it however you want it. So I am not sure why your freelancer guy is saying that there is limitation from the plugin? Is he not writing up his own code for it or is he reusing some of eStore’s product display code? From what you explained… this would only happen if he is reusing some of eStore’s functions which he shouldn’t because you are paying him to create a new display from scratch.
December 9, 2011 at 5:05 pm #39471amillioninthemakingMemberI asked him to do some minor changes. Not recreating pages unless absolutely necessary. I asked if the requested layout could be done within the plugin. He said yes. And more or less it can be… But the limitations on thumbnail dimensions is causing an issue. I would prefer the layout done within the shopping cart as it makes life alot simpler. The only issue is the thumbnail dimensions…. And the fact that it loads the entire size of the picture rather than a thumbnail size… Therefore its quite slow. It would be best to be able to set a max width, so that the height can adjust accordingly.
I could be misunderstanding your response when you said “reading the product details for the database and showing it however you want it”… Yes this is the shopping cart display we are using, and it is much simpler than creating individual pages in wp. So if this is possible, to have the thumbnails shown with different heights within the shopping cart. Or somehow being able to change the coding to allow various heights and set widths.
If this can be done in the plugin coding, please tell me and where abouts it is so I can let him know. Because he was really good at changing the coding with everything else I asked. This was the only problem…
Thanks again
Matt
December 10, 2011 at 7:07 am #39472adminKeymasterWhen custom coding a display it is always a good idea to create a new one from scratch. The existing product displays are coded in a certain way depending on how we wanted the display to look like so it is not suitable for custom modification.
With that said, there is a function in the extra eStore shortcodes plugin that can be used to create a thumbnail with any custom width and height. Here is an example usage
$img_url = "url-of-the-thumbnail-image-retrieved-from-the-product-database";
$w = "200"; //Desired width of the thumbnail image in pixel
$h = "150"; //Desired height of the thumbnail image in pixel
$thumb_image = get_extra_eStore_smart_thumb($img_url,$w,$h);The extra eStore shortcode can be downloaded from here:
http://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460
December 10, 2011 at 1:27 pm #39473amillioninthemakingMemberWhen you say custom coding a display, do you mean making a new page in WordPress. Or coding something in the shopping cart to make it display how I want? The reason is, if it is out side of the shopping cart, then there is a ton of additional work. Maybe 2 or 3 times the work. I have 1,500 to insert. That would mean putting 1,500 products into the cart. Then making many new word press pages and plugging in all types of short code. It is much easier and more efficient to be able to enter the products into the cart and have the cart display them properly in their respective categories.
December 11, 2011 at 4:40 am #39474adminKeymasterI mean making a new fancy display template (for example: fancy1, fancy2 etc). You can call it fancy10 (or something else) and make a new function that will show the product in a way that you desire. Then you just use that template to display all your products.
December 11, 2011 at 12:48 pm #39475amillioninthemakingMemberMy guy figured out a way. Unfortunately I need to create 1500 new thumbnails. He was changing coding in the css, but he said its global changes, and since my thumbnails were of 3 different sizes (only height was different, width was the same) there was no way to have them display properly. So I am creating new thumbnails with empty transparent space at the top to have them all the same size.
Another question. Is there any way to control the display order other than the order they are loaded into the shopping cart? Right now, I have about 178 products loaded in the shopping cart and they are being displayed Regular – Complete – Basic… And they should be Basic – Regular – Complete.
Let me know if this is possible.
Thanks
Matt
-
AuthorPosts
- You must be logged in to reply to this topic.