Introducing AuctionAlly

example auctionally shop

AuctionAlly is a new solution for embedding your eBay listings into your own website. A simple designer tool that allows you to easily style the look of your items for sale. Each item has it's own image and description alongside the price and auction indicator. Both fixed price and auction lots are displayed.

This service is simple to use, with no hassle or registration. You can adjust and rearrange your design whenever you like. It comes at the fine price of free!

Each image provides a link to your item on eBay. AuctionAlly may get a small commission if the item is successfully sold, at no expense to you.

All eBay regions are supported. All you need is your eBay username. This is only used to get publicly available items that you have for sale. There are no personal details taken or stored by AuctionAlly.

auctionally designer detail

Once your design is complete you need only to insert a few lines of code into your web page and the rest will be taken care of. If you need support then there is the forum here that you may sign up to if you wish. I hope this tool proves useful to eBayers.

Regards,

Roger Davie, CIW Web Foundations Associate.

ciw certified

AuctionAlly Designer Documentation

The designer will start with example settings. Tweak to your heart's content to make it to your liking.

eBay Region

Simply the part of the world where your eBay shop is hosted.

eBay Username

eBay username (not a shop name).

Items Per Page

The number of items to show on each page of your embedded shop.

Parameter Pass

Optional, but may be useful depending on the URL of the page you are embedding in. Say your web page has a URL something like www.mysite.com/somedirectory/index.php?pagenumber=23. Then if you put 'pagenumber' in the parameter pass input then your shop will embed gracefully with your web page and retain that possibly essential part of the URL.

You can specify more than one parameter, just separate them with commas.

Load

If you change any of the values above the 'Load' button then you need to click on the button to update the designer.

Shop Background

The main background so as to match or contrast with your site.

Item Width & Height

The width & height of one item in the shop display.

Item Margin

The space between items.

Border

If you choose to set a border this will control how thick it is.

Border Colour

As you would expect this controls the colour of the border, if applied.

Border Radius

The curvature of the corners.

Image Area Height

With this control you can adjust the space devoted to the item image.

Image Width Max & Image Height Max

Further control of how big the actual image is itself.

Image Background

The colour to show behind the image.

Image Padding

Allows you to tweak the surrounding space of the image.

Image Align

Positions the image to left, centre or right.

Title Background

Controls the background colour of the text/description area.

Title Height

Adjusts the area where the text is shown.

Title Align

Pushes the text to the left, centre or right.

Price Colour

Sets the colour of the price.

If an item is an auction then a hammer will appear to the left of the price.

Price align

Positions the price to the left, centre or right.

Font Size

Set's the size of font to use.

I figured that most people would let it inherit the font family you are using on the page the shop is embedded in. But you can tap into the CSS if you want to set it yourself. Ask on the forum if you need help with that.

Font Colour

Simply the colour of the font.

Show Arrow

Just a little embelishment to add an arrow graphic to the item between the image and the text.

Design Bookmark Link

Rather than saving your design on site you can simple click on this link and the design will be loaded into the URL. All this really means is that you can then bookmark the page in your browser and then come back to it again later.

Get Embed Code

This will present a pop up with the code you need to add to the page you are embedding the shop. This is a little javascript that connects with the server at AuctionAlly and then generates your shop for you.

Miscellaneous

Remember that if you change anything above the 'Load' button then click on the 'Load' button to refresh the designer. This will make your design link bookmark and the embed code up-to-date.

With all the colour settings in the designer you can manually enter a hex value into the text box input or use the colour picker accessed by clicking on the input box.

Similarly you can either use the sliders to adjust the settings or type something into the text boxes.

Navigation will be added to your shop as it is embedded - this will be styled based upon the what you come up with in the designer.

Hopefully I have coded it so that every element in the shop has an id or class, so if you want to customise further then you should be able to.

avatar

Wordpress Plugin Now Live in General Discussion by Rog

Our WordPress plugin has now been released. It can be found here:

https://wordpress.org/plugins/auctionally-ebay-embedder
Started June 28, 2019, 10:51:31 PM
avatar

Demos in Designs by Rog

I'm adding demos here as I go along: Demos
Started June 21, 2019, 05:35:32 PM
avatar

Facebook Page in Welcome by Rog

I set up an Facebook page here:

https://www.facebook.com/AuctionAlly/
Started June 18, 2019, 08:51:26 PM
avatar

Browser Support in General Help by Rog

We're trying to support as many browsers as possible, but as always keep your browser up to date as this is based on up-to-date browsers.

This is how things stand 18th July 2019.

Designer Browser Support Tested

Chrome
Edge
Firefox
IE 11 - still testing it, but seems okay.

Embedded Shop Support Tested

Chrome
Edge
Firefox
IE 11

Started June 18, 2019, 12:09:49 AM
avatar

Classic Design in Designs by Roo

A simple yet professional looking design.
2 Comments | Started June 17, 2019, 11:27:51 AM
avatar

Designer Online in General Discussion by Rog

The updated designer is online and now appears in the menu.

This is just for demo and beta testing purposes at the moment.
Started June 17, 2019, 12:35:47 PM
avatar

Another Simple Design in Designs by Rog

I have now added further border settings, so you can choose which sides should be rendered.

Here's a link to an example you can have a fiddle with: Simple Design
Started June 17, 2019, 12:26:26 PM
avatar

Dark Contrasts Design in Designs by Roo

A darker design with contrasting images.
Started June 17, 2019, 11:25:50 AM
avatar

Help with using the Forum in Welcome by Rog

If you need to familiarise yourself with how the forum works then please follow this link.

https://auctionally.co.uk/forum/index.php?action=help
Started June 17, 2019, 02:13:28 AM
avatar

The Stamp Book Shop - Integration Example in Shops by Rog

This is what started me off on this program.

My stamp blog uses an earlier prototype of the system. Hopefully this gives an idea of how things integrate into a web site.

In this case the styling of things such as the search box and button are inherited from the Wordpress theme I am using. The current project implements those based upon the colours you choose for your shop.

There's plenty of CSS hooks in case you want to customise the style further.

https://thestampbook.co.uk/ebayshop
Started June 17, 2019, 02:01:39 AM