Sold sign

  • 1
  • Question
  • Updated 6 years ago
  • Answered
Hi Does anyone know if when something is sold i can change the 'out of stock' text to 'sold'?

Cheers,

Claire x
Photo of Claire Kuyuate

Claire Kuyuate

  • 25 Posts
  • 2 Reply Likes

Posted 6 years ago

  • 1
Photo of Albert Rowe

Albert Rowe

  • 8 Posts
  • 1 Reply Like
What are you using to handle the out of stock function now?. if it is a simple text widget then just edit it to what you want it to say and save your site to the website ideally you want this to self trigger when zero stock is reached.

This site has some free countdown widgets that you may be able to use. From what I can see you can enter your own text as you need it ideally you need a countdown and trip at zero-then display sold out or no stock widget.

thttp://designbeep.com/2012/05/05/17-e...
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Claire

I saw your question on ecwid's forum, and will try to help you to get done what you want to achieve.

So what you actually need to do to change "out of stock" into "sold" is to regard "sold" as a new translation and replace "out of stock" by this translation. According to our Online Store partner ecwid, you must just use the following code customized to your needs:
<script type="text/javascript">

ecwidMessages = {
"ProductDetails.out_of_stock":"Sold"
};</script>

  1. Go to your Yola SItebuilder and open the page with your Online Store Widget.

  2. Drag and drop an HTML Widget to the very top of your page.

  3. Copy the code above, and paste it into the HTML Widget.

  4. Click on "Save"/"OK", and preview your changes to check.

Instead of "Out of Stock", you should now see "Sold". Let me know how that goes.
Photo of Claire Kuyuate

Claire Kuyuate

  • 25 Posts
  • 2 Reply Likes
Thats it! Perfect!
Thanks sooooooooooo much.
Photo of Claire Kuyuate

Claire Kuyuate

  • 25 Posts
  • 2 Reply Likes
Also, you may help me with another question.....
Can I get rid of the SKU number? If i just delete the number and try to save it won't let me.

Also is there a way we can show SOLD on the item picture or below it? rather than people having to click into the item before finding out its sold.

Thanks, x
Photo of Albert Rowe

Albert Rowe

  • 8 Posts
  • 1 Reply Like
I see Gop has done some work on something like this.http://forum.yola.com/yola/topics/lin...

Also this looks about right with he options your looking for.

http://kb.ecwid.com/w/page/15853291/H...
but check it with he experts first.!
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Claire

It is possible to remove the SKU number from your products. While this does require you to edit some CSS, it's very easy to make the change and you don't need any programming knowledge.

Here's how to do it:
  1. Log in to My Yola.

  2. Click on "Online Store" in the left-hand menu.

  3. Click on "Advanced Options" (located just under your product list).

  4. Click on "System Settings" (located in the top-right corner).

  5. Click on "Design" (located in the white bar under the main menu).

  6. Click "New CSS Theme".

  7. Give your theme a name (such as "SKU removal).

  8. Paste the following code into the white space:

    div.ecwid-productBrowser-sku, td.ecwid-productBrowser-productsTable-sku {
    display: none !important;
    }
    span.ecwid-Invoice-productDescr-sku {
    display: none !important;
    }
    div.ecwid-OrdersList-OrderBox-sku {
    display: none !important;
    }

  9. Click "Save". The SKU code will be removed from all your products.

  10. To return to the Yola Online Store control panel, click "X" in the top-right corner of the dialog box.

I'm busy finding out about your other questions.
Photo of Claire Kuyuate

Claire Kuyuate

  • 25 Posts
  • 2 Reply Likes
Excellent Thanks Stefan, I have successfully removed the SKU info.
I also wanted to ask if there is a way to make my product description centered under the picture?

Many Thanks
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Claire,

To place a Sold sign or overlying banner on those relevant items you need to have a separate image. The easiest way is to simply select or create such an image and when the stock level drops to zero then replace the image . It's not something that I have found I can do automatically.

What I have done previously is created a banner with SOLD as the content. made it with a transparent background (PNG or GIF) and then superimposed this on the product image as a new image then uploaded this into the product image place. This works well but it is a manual process. The new image must be either a transparent gif or a png image.

The centering can be done quite easily. In your text edit facility within the description you can move the left margin over. If you have many entries then you may find that using Excel to generate the HTML code for this is the fastest way to do this. If you have hundreds or thousands of products then you can use HTML to do this and with the use of EXCEL automatically generate the file with the formatted description and then upload this file for your product list. It requires 2 aspects of knowledge: HTML and Excel syntax but once again works very well.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Claire

I've been in touch with the ecwid team, and they let me know that right now you would need to go for Gop's suggestion if you want a "Sold" sign above your pictures. But they will soon launch more updates for ecwid/Yola Online Store, and one of them will provide the option to label products as "Sold".

You can actually completely customize the look of your Yola Online Store by using the Yola Online Store CSS. I'm currently playing a little around with it using my test store (it's in German, but click through to check the edits) in order to learn more about all the available options. I've found out how to change the colour of the prices, how to replace the various buttons, such as "Add to Bag", "Continue Shopping", and how to edit the background of the product information, shopping bag, and address form.

I've seen that you have a little bit of experience with using code, so if there's something particular you want to change, you can do it as follows: Use Google Chrome as your browser, right-click on the element of your Yola Online Store on your live site and choose the last option which says "Inspect element". A box integrated at the bottom of your browser window will show up and show you the particular code snippet which refers to the element that you clicked on. You will then be able to track this code section in your Yola Online Store CSS, and copy/paste/edit it in the overrides field for your customization.
Photo of Claire Kuyuate

Claire Kuyuate

  • 25 Posts
  • 2 Reply Likes
Hi Gop,
Thanks for your reply...I have tried to do as you said with regards to centering my text...but am a little stuck. You say that I should be able to go to edit my item and move the left margin over....only I cant seem to see anywhere where the margin is mentioned?

Sorry,
Cheers,
Claire
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I was a bit cryptic. Apologies.

In the description text editing toolbox there's a tool for pushing a line/paragraph across a tab. It's this that I was referring to. It's not a Word style "centre" format but rather a way to push lines margins across until they are in the right position.

Unless you have a single line in your description I wouldn't use the real centering tool as it makes the description to hard to read with varying left margins but the left margin tool I described will move your text into a more natural position wrt your product image. It's one you have to judge the best distance of offset because images may have differing dimensions unless you have standardised your image width,

I've circled the tool in red on the screen shot:

Photo of Claire Kuyuate

Claire Kuyuate

  • 25 Posts
  • 2 Reply Likes
Hi Gop,
I don't see, to have a text editing toolbox obove my description box?

Cheers,
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi Gop, Stefan is on leave and I'm not sure about the issue you are referring to.

Claire, have you tried the suggestion in an alternate browser as it sounds like that may have helped previously?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Laura,
I think the final solution was by email. littlesticks was part of the domain name and it was an NZ country TLD. I think littlesticks was also the GS sign-on.

Sorry! Vague, I know
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Gop

I'm afraid I don't remember a case with a person from New Zealand. I don't think I have seen this question about centering the product description under the product picture before. I'm sorry.

Claire, if you still need assistance on this one, please let us know.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I think it was about the dys-functional HTML editor in the Online Store related to a browser???? (Still vague I know)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hmm, not that I could remember. I'm sure I haven't dealt with this kind of question. Maybe it was someone else from our Support Team?