Can anyone please help me?? I want all my pictures in the listing bigger, not only when you click on it. How do i do this?Any help would be appreciated. Thanks.
Original Post
Replies sorted oldest to newest
Hi,
You either need to create a custom template and use the Auctiva image tags for original images or you can insert images manually in the description section using the toolbar icon for that purpose. Since the original stored image you upload is at a maximum of 1024 x 768, you need to make sure that either method uses a size appropriate to your needs by either reducing the size of the store image or using code to control the displayed size.
Danno
You either need to create a custom template and use the Auctiva image tags for original images or you can insert images manually in the description section using the toolbar icon for that purpose. Since the original stored image you upload is at a maximum of 1024 x 768, you need to make sure that either method uses a size appropriate to your needs by either reducing the size of the store image or using code to control the displayed size.
Danno
Danno, thanks for the help. I don't use custom template, i use free auctiva templates.I would like to know what i should do to make the pics bigger witout having to click on them ? Please get back to me.
Here's my listings..
http://stores.shop.ebay.com.au...ection__W0QQ_armrsZ1
Here's my listings..
http://stores.shop.ebay.com.au...ection__W0QQ_armrsZ1
Hi,
The Auctiva free templates only display using the standard image size of 400 x 300 with the click to supersize feature for larger.
If you don't want to create and use custom templates, the only viable option is to add code from the one-page lister's description section using the insert image from the toolbar or building and adding code from your own HTML code builder. I generally only recommend that method for a unique (one-time) situation, as it can be tedious.
If you really want to operate with a larger picture as your standard listing method, the custom template is probably the better option. You won't have to create code each time, as the template does that job for you.
I see you are a vintage clothing seller. There are two popular designs that I have assisted that selling-group with in the past year: 1) the split column page, where the large images are in a left column and the description text is in a right column, and 2) the thumbnail mouse-over, where you have one large main image with thumbs you pass the mouse over to change images. For both techniques, I have adopted the 3:2 aspect ratio picture for best view with a standing model and typically have the pics size at around 550 x 367. That picture aspect ratio is often discussed by the vintage sellers in the eBay community as their preferred method. That does require the pictures be preprocessed with cropping to that size prior to or after upload. Are either of those methods what you need?
I checked your link and see what you are currently doing. I see you are already familiar with cropping and using a model in some cases.
Danno
Edit: Note that 550 x 367 is 550 pixel high by 367 pixel wide.
Here's a US vintage seller using one of my mouse-over designs:
http://cgi.ebay.com/VTG-80s-SE...7C293%3A1%7C294%3A50
The Auctiva free templates only display using the standard image size of 400 x 300 with the click to supersize feature for larger.
If you don't want to create and use custom templates, the only viable option is to add code from the one-page lister's description section using the insert image from the toolbar or building and adding code from your own HTML code builder. I generally only recommend that method for a unique (one-time) situation, as it can be tedious.
If you really want to operate with a larger picture as your standard listing method, the custom template is probably the better option. You won't have to create code each time, as the template does that job for you.
I see you are a vintage clothing seller. There are two popular designs that I have assisted that selling-group with in the past year: 1) the split column page, where the large images are in a left column and the description text is in a right column, and 2) the thumbnail mouse-over, where you have one large main image with thumbs you pass the mouse over to change images. For both techniques, I have adopted the 3:2 aspect ratio picture for best view with a standing model and typically have the pics size at around 550 x 367. That picture aspect ratio is often discussed by the vintage sellers in the eBay community as their preferred method. That does require the pictures be preprocessed with cropping to that size prior to or after upload. Are either of those methods what you need?
I checked your link and see what you are currently doing. I see you are already familiar with cropping and using a model in some cases.
Danno
Edit: Note that 550 x 367 is 550 pixel high by 367 pixel wide.
Here's a US vintage seller using one of my mouse-over designs:
http://cgi.ebay.com/VTG-80s-SE...7C293%3A1%7C294%3A50
Hi Danno,
Thanks again.I would go for the first option , the split column page, where the large images are in a left column and the description text is in a right column.
Could you please tell me how i can do that? Thanks
Thanks again.I would go for the first option , the split column page, where the large images are in a left column and the description text is in a right column.
Could you please tell me how i can do that? Thanks
Hi,
In general, you adopt a simple template or create one and add your own elements, like a banner and other decorations. Here's one that's a possible starter:
http://practicewriter.com/vu/?5E37E
It has a banner frame for the top and uses the Auctiva original URL tags for 12 images (more can be easily added for up to 24). All it needs is a picture/banner for the top and it's ready to use. It will automatically use only the number of pictures you select on the one-page lister and will maintain that 15 pixel surround mat on the pics with no gaps or doubling. You can adjust the text fonts, sizes, colors, borders, etc. with the style sheet at the bottom. I used Carolina Blue
with the Impact font for headers. The top banner is currently set to 1:5 aspect ratio (long and narrow), but is an easy adjust for whatever you want. I set the template to 850 pixel width, but that too can be easily adjusted.
Danno
Here's a look you might recognize.
http://practicewriter.com/vu/?5E3A3
Yes, I swiped your eBay color-scheme store banner and color-coordinated the template font color using my color detector tool to match the deep purple-blue.
One last flourish.....couldn't resist that "M".
Danno
In general, you adopt a simple template or create one and add your own elements, like a banner and other decorations. Here's one that's a possible starter:
http://practicewriter.com/vu/?5E37E
It has a banner frame for the top and uses the Auctiva original URL tags for 12 images (more can be easily added for up to 24). All it needs is a picture/banner for the top and it's ready to use. It will automatically use only the number of pictures you select on the one-page lister and will maintain that 15 pixel surround mat on the pics with no gaps or doubling. You can adjust the text fonts, sizes, colors, borders, etc. with the style sheet at the bottom. I used Carolina Blue
with the Impact font for headers. The top banner is currently set to 1:5 aspect ratio (long and narrow), but is an easy adjust for whatever you want. I set the template to 850 pixel width, but that too can be easily adjusted.Danno
Here's a look you might recognize.
http://practicewriter.com/vu/?5E3A3
Yes, I swiped your eBay color-scheme store banner and color-coordinated the template font color using my color detector tool to match the deep purple-blue.
One last flourish.....couldn't resist that "M".
Danno
Hi danno, i really love the one you have done, but i'm still clueless ...what do i have to do to use this for ebay? How do i upload photos and list them on ebay? Sorry for being such a pain..
Thank you again
Thank you again
Hi,
This first pass uses Seller Details tags and headers that you might want to remove or I can enhance. However, here are the basic steps so you can see what it looks like for listing....
You need to take the code and create a Custom template at Auctiva. If you go to the main site, click on the Listings tab and "Create your own Template" at lower right, or you can hover over the Listings tab and select Create New under Custom templates.
On a new browser window or browser tab, click on that practicewriter link in the Forum to bring up the new template at practicewriter. At the bottom of the practicewriter page, there is a link "Edit this document". Click that link and you'll get a new page with a box at top that contains all the code for the template. You need to select the code in the box and copy - paste that code to the box in the Create New template page. Fill in a Template Name above the box and click the Save and Preview at the bottom. You should get a preview of the template. You've just created a Custom Template with that Name.
Go to the one-page lister that you've used to build your listings. Using the Template Selector, look at upper left and select Custom from the category list. That should produce a page with just your Custom template for selection (just like selecting any of the stock free templates).
Now just select pics as usuaal and try a Preview of the page....
Danno
This first pass uses Seller Details tags and headers that you might want to remove or I can enhance. However, here are the basic steps so you can see what it looks like for listing....
You need to take the code and create a Custom template at Auctiva. If you go to the main site, click on the Listings tab and "Create your own Template" at lower right, or you can hover over the Listings tab and select Create New under Custom templates.
On a new browser window or browser tab, click on that practicewriter link in the Forum to bring up the new template at practicewriter. At the bottom of the practicewriter page, there is a link "Edit this document". Click that link and you'll get a new page with a box at top that contains all the code for the template. You need to select the code in the box and copy - paste that code to the box in the Create New template page. Fill in a Template Name above the box and click the Save and Preview at the bottom. You should get a preview of the template. You've just created a Custom Template with that Name.
Go to the one-page lister that you've used to build your listings. Using the Template Selector, look at upper left and select Custom from the category list. That should produce a page with just your Custom template for selection (just like selecting any of the stock free templates).
Now just select pics as usuaal and try a Preview of the page....
Danno
Wow i got it finally. Thank you sooooooooo much danno.
Huggggsssssss
Huggggsssssss
Hi,
You're welcome.....
The template does need some refinement. I need your input on the colors, fonts, tags/headers, etc. ....and what will work best for you. I'll be back in the Eastern US AM to pick-up where it's at and go forward with changes. Now that you know how to create a template, you can also modify a saved custom template by updating the stored code.
I do this type of assist in the AM for what I call "coffee challenge".
Have a good day....
Danno
You're welcome.....
The template does need some refinement. I need your input on the colors, fonts, tags/headers, etc. ....and what will work best for you. I'll be back in the Eastern US AM to pick-up where it's at and go forward with changes. Now that you know how to create a template, you can also modify a saved custom template by updating the stored code.
I do this type of assist in the AM for what I call "coffee challenge".
Have a good day....
Danno
Hi danno,
I'm happy with the one you have made..how can i make the page bigger? And one more question, i uploaded phots and everything but why do he pics looks weird ...the photos of the model are a bit blurry and the model looks fatter lol..
Would you know what i should do with this?
I'm happy with the one you have made..how can i make the page bigger? And one more question, i uploaded phots and everything but why do he pics looks weird ...the photos of the model are a bit blurry and the model looks fatter lol..
Would you know what i should do with this?
Hi,
By bigger, do you mean wider? The template is currently set to 850 pixels. With some changes, I can make it float as wide as the browser allows.
The pictures are preset to a specific 3:2 aspect ratio of height to width at 368 pixels by 552 pixels. That ratio is one generally chosen by the clothing sellers for best visibility of a standing model. Note, that's just a recommendation and not a rule. When pictures are stored at other than that ratio, it will cause them to distort (stretch or shrink) in either height or width to fit that 3:2 ratio "box". Like cutting too small a piece of plastic wrap and stretching to to fit the top of a box/container. That's why the image looks fatter, it's being stretched wider to fit the box. I noted some of your listing pics were very narrow, and I'm guessing those are the ones you see needing a diet.
If you want to vary picture size, one method would be to lock the pictures at only the 368 pixel width, i.e. they would appear in a stacked column exactly 368 pixels wide. You would always need to upload photos at that minimum stored width for best display. That's actually a very simple change, which I anticipated you might want.
I'm going to update with these changes:
1) Allow template to float to page width for display.
2) Lock pictures to width only.
3) Add code to remove unused tag headers (like SHIPPING) when tags aren't used, e.g. if you want to use only the Description header and not add a Seller Details profile (see Profiles tab at main site) for awhile to get you going, then only the Description header will appear.
If you see anything else, let me know. I'll try to post the update to that same practicewriter link for the one with your store banner. When it's ready, you just use the Manage Custom Templates link, clear/remove the old code, and copy - paste the new replacement code....Preview Save and it's updated immediately on any Saved Listings.
Danno
Edit: Changes are complete. I also slightly ligthened the mat behind the pictures to a brighter silver. It seemed abit darker than anticipated on tests. I've checked the code with IE7 Firefox 3 and Safari 3. Note, I've added the tags for the complete Auctiva Seller Details, including the tags that automatically remove the code for unused headers. This makes the template completely standardized to their system and should function just like any stock template.
This style sheet (below) located at the bottom of the code controls most of the fonts, colors, etc. It also controls the picture width. Hopefully, the style names used are somewhat intuitive. picmat2 is the mat behind the lower left column pictures and uses color code #e8e8e8 (bright monochromatic silver-gray). The img2 code sets width 368px for the picture width. The #ATemplate h3 is the Impact Font headers with that violet #ac85e0 color code, which is also used as border with border1. Hopefully, this will give you some flexibility to make adjustments as you like.
<style type="text/css">
#ATemplate h3 {font-family: Impact; font-size: 24.0pt; color: #ac85e0;}
#destext {font-family: Arial, Helvetica, sans-serif; font-size: 12.0pt; color: #222;}
.border1 {border: solid 1px #ac85e0;}
.picmat1 {background-color: #fff;}
.picmat2 {background-color: #e8e8e8;}
.textmat {background-color: #fff;}
.img2 {width:368px; margin-bottom: 15px;}
</style>
Let me know if you test it in a live listing at eBay. Just post the listing number.
By bigger, do you mean wider? The template is currently set to 850 pixels. With some changes, I can make it float as wide as the browser allows.
The pictures are preset to a specific 3:2 aspect ratio of height to width at 368 pixels by 552 pixels. That ratio is one generally chosen by the clothing sellers for best visibility of a standing model. Note, that's just a recommendation and not a rule. When pictures are stored at other than that ratio, it will cause them to distort (stretch or shrink) in either height or width to fit that 3:2 ratio "box". Like cutting too small a piece of plastic wrap and stretching to to fit the top of a box/container. That's why the image looks fatter, it's being stretched wider to fit the box. I noted some of your listing pics were very narrow, and I'm guessing those are the ones you see needing a diet.
If you want to vary picture size, one method would be to lock the pictures at only the 368 pixel width, i.e. they would appear in a stacked column exactly 368 pixels wide. You would always need to upload photos at that minimum stored width for best display. That's actually a very simple change, which I anticipated you might want.
I'm going to update with these changes:
1) Allow template to float to page width for display.
2) Lock pictures to width only.
3) Add code to remove unused tag headers (like SHIPPING) when tags aren't used, e.g. if you want to use only the Description header and not add a Seller Details profile (see Profiles tab at main site) for awhile to get you going, then only the Description header will appear.
If you see anything else, let me know. I'll try to post the update to that same practicewriter link for the one with your store banner. When it's ready, you just use the Manage Custom Templates link, clear/remove the old code, and copy - paste the new replacement code....Preview Save and it's updated immediately on any Saved Listings.
Danno
Edit: Changes are complete. I also slightly ligthened the mat behind the pictures to a brighter silver. It seemed abit darker than anticipated on tests. I've checked the code with IE7 Firefox 3 and Safari 3. Note, I've added the tags for the complete Auctiva Seller Details, including the tags that automatically remove the code for unused headers. This makes the template completely standardized to their system and should function just like any stock template.
This style sheet (below) located at the bottom of the code controls most of the fonts, colors, etc. It also controls the picture width. Hopefully, the style names used are somewhat intuitive. picmat2 is the mat behind the lower left column pictures and uses color code #e8e8e8 (bright monochromatic silver-gray). The img2 code sets width 368px for the picture width. The #ATemplate h3 is the Impact Font headers with that violet #ac85e0 color code, which is also used as border with border1. Hopefully, this will give you some flexibility to make adjustments as you like.
<style type="text/css">
#ATemplate h3 {font-family: Impact; font-size: 24.0pt; color: #ac85e0;}
#destext {font-family: Arial, Helvetica, sans-serif; font-size: 12.0pt; color: #222;}
.border1 {border: solid 1px #ac85e0;}
.picmat1 {background-color: #fff;}
.picmat2 {background-color: #e8e8e8;}
.textmat {background-color: #fff;}
.img2 {width:368px; margin-bottom: 15px;}
</style>
Let me know if you test it in a live listing at eBay. Just post the listing number.
Hi,
A few more minor changes to add flexibility with the banner. I moved the links for the banner with their height and the text color for the banner to the style sheet. If you decide to switch eBay Store banners, you can simply change the links and text color.
Here's the update you'll see in the code:
<style type="text/css">
#ATemplate h3 {font-family: Impact; font-size: 24.0pt; color: #ac85e0;}
#destext {font-family: Arial, Helvetica, sans-serif; font-size: 12.0pt; color: #222222;}
#bantext {color: #ffffff;}
.banlft {height:115px; background-image: url(http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm01_c3/hdrFlex_1x115.gif);}
.banrgt {height:115px; background-image: url(http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm01_c3/hdrRt_510x115.gif);}
.border1 {border: solid 1px #ac85e0;}
.picmat1 {background-color: #ffffff;}
.picmat2 {background-color: #e8e8e8;}
.textmat {background-color: #ffffff;}
.img1 {padding:15px 15px 0px 15px;}
.img2 {width:368px; margin-bottom:15px;}
</style>
Danno
Edti: Inspiration for the tag line from vintage video....hehe
http://www.youtube.com/watch?v=hZl3gGV4H6c
"Let's go back to my private hideway. You put on soft music. I'll put on my Spiderman pajamas." - Billy Crystal as Fernando ROFL
A few more minor changes to add flexibility with the banner. I moved the links for the banner with their height and the text color for the banner to the style sheet. If you decide to switch eBay Store banners, you can simply change the links and text color.
Here's the update you'll see in the code:
<style type="text/css">
#ATemplate h3 {font-family: Impact; font-size: 24.0pt; color: #ac85e0;}
#destext {font-family: Arial, Helvetica, sans-serif; font-size: 12.0pt; color: #222222;}
#bantext {color: #ffffff;}
.banlft {height:115px; background-image: url(http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm01_c3/hdrFlex_1x115.gif);}
.banrgt {height:115px; background-image: url(http://pics.ebaystatic.com/aw/pics/storefronts/storebuilder/themes/thm01_c3/hdrRt_510x115.gif);}
.border1 {border: solid 1px #ac85e0;}
.picmat1 {background-color: #ffffff;}
.picmat2 {background-color: #e8e8e8;}
.textmat {background-color: #ffffff;}
.img1 {padding:15px 15px 0px 15px;}
.img2 {width:368px; margin-bottom:15px;}
</style>
Danno
Edti: Inspiration for the tag line from vintage video....hehe
http://www.youtube.com/watch?v=hZl3gGV4H6c
"Let's go back to my private hideway. You put on soft music. I'll put on my Spiderman pajamas." - Billy Crystal as Fernando ROFL
Hi danno,
I will try this and let you know how it goes.Thank you so much
I will try this and let you know how it goes.Thank you so much
Danno, i checked this out again http://practicewriter.com/vu/?5E37E..
it's still the same.
I'm totally lost
it's still the same.
I'm totally lost
Hi,
That was the original before I added your Store banner, etc. It's the second one that I assumed you liked and updated:
http://practicewriter.com/vu/?5E3A3
Did I goof?
Danno
That was the original before I added your Store banner, etc. It's the second one that I assumed you liked and updated:
http://practicewriter.com/vu/?5E3A3
Did I goof?
Danno
Ooops sorry danno, yes it's http://practicewriter.com/vu/?5E3A3. I just tried and it looks much better now
That's good. Let me know if you test and find any problems.
Danno
Danno
Hi danno,
Ive listed an item with that template. Here's the listing number 260405276497.
Ive listed an item with that template. Here's the listing number 260405276497.
quote:260405276497
Hi,
It seems to be working well. I checked it with IE, Firefox, and Safari. The proof is always in the bids/buys, so let's see if this simple design does its job.
Let me know if it gives you any problems.
Have a good one!
Danno
Hi again danno,
I have one more question to ask..how can i make the page wider? And how can i change the colours? Hope to hear from you soon
I have one more question to ask..how can i make the page wider? And how can i change the colours? Hope to hear from you soon
Hi,
By wider page, are you referring to the gap on the left side of the page? That's caused by your Store Categories box at the upper left.
The border and text colors are relatively simple to change. The Style Sheet at the bottom of the code page has the color numbers, e.g. the border and text color number is #ac85e0 to match the Store banner (eBay's image). Can't change the color of the banner, other than change to a different banner.
Danno
By wider page, are you referring to the gap on the left side of the page? That's caused by your Store Categories box at the upper left.
The border and text colors are relatively simple to change. The Style Sheet at the bottom of the code page has the color numbers, e.g. the border and text color number is #ac85e0 to match the Store banner (eBay's image). Can't change the color of the banner, other than change to a different banner.
Danno