Blog 13 – Part 2 – 11 Major (Advantage) Tools for Online Color Shopping

Blog 13 – Part 2 – 11 Major (Advantage) Tools for Online Color Shopping

Blog 13 –  Part 2 – 11 Major (Advantage) Tools for Online Color Shopping

In this blog I will present information for three more, easy amazing tools that will open up a whole new world to most people’s shopping ability.

Here are three more tools (6, 7, and 8) from the previous blog’s 11 shopping tools:

  1. Learn how to size an image on all products (except NOT for Wall Art).
  2. Learn how to position an image on a product (except NOT for Wall Art).
  3. Choose best palette colors for borders and backgrounds.

Yes, I know that this will probably be something new for most of you, but don’t be afraid to learn something new.

This may not be as sweet as your first taste of ice cream … but … it might be pretty good anyway.

What we are going to explore in this blog is how to put images onto things other than Wall Art.

The best way to learn this new stuff is to just go and play with some of these things. Let’s go to the next one on the list.

But … let me encourage you right up front.  This should be easier than you can imagine.

When you learn how to do something with one of the images (in any Gallery) on this website … you should be able to do it on any of the other 1200+ images.

  1. Learn how to size an image on all products (except NOT for Wall Art).

Sometimes … you just have to change the size and position of an image on a product to make it look better … or make it look like you want it.

Also, you might want to change the size of an image to exclude the words that appear with the image. Why? You may love the image … but not care much about the words.

Let’s do a few examples with some images. I think most people will catch on to this tool very quickly … plus, you can do so much with it.

Here is an image from the Birthday Cards Women Gallery.  You can use this image anywhere you want to (including Wall Art).  Suppose you wanted that image on a Coffee Mug … but you did not want the words.

Here is an image that we can play with (Peace Light):

When we click on the option for “Coffee Mug” in the Birthday Cards Women Gallery, we get this page:

The only thing I want you to focus on right now is the horizontal bar beneath the words “IMAGE SIZE” because this is how we change the image size. Note: The image shown above does NOT have any active links.

You will have to go to the website and pull up the image like this:

•  Click > http://www.mitchell-watrous.pixels.com

•   Click > Birthday Cards Women

•  Click > Peace Light And Love (i.e., the Birthday Card)

•  Click > Coffee Mugs

Now, using the IMAGE SIZE slider bar, you can change the size of the image on the coffee mug by sliding the vertical bar left or right.

To activate the “slider bar,” to size (or resize) the image on your product, move your mouse-arrow to hover over the vertical bar on the horizontal line.

(Note: You must do this on the image you have displayed on the website … not the image above. I know, this is a little confusing, but it is an easy mistake to make.)

What you will see (when you left-click on the “slider bar”), is that the image will be displayed on whatever color you have set as you background. You background might be displayed as a square or rectangle with the image on top of it.

Left-click the mouse button, and hold it down while you move the slider bar left or right. The image will change sizes on the background display as you move the slider bar.

Change the image size on the background until you get the size you want, and release the left-click on your mouse button. Repeat the image size change until you get it like you want it.

When your mouse-arrow turns into a “finger-pointing hand” (or any other pointer symbol that you use), left-click your mouse and hold it down while you move the slider bar left or right.

You will see the image change sizes as you hold down the left-mouse button and move it one direction or another.

Slide the vertical bar to the left, and the image will decrease in size. Slide it to the right, and the image will increase in size.

You can slide the vertical bar back and forth (i.e., left and right) until the image, with the words, appears on the coffee mug, like this one below. (Go ahead … play around with it … you will not break it!):

 

You can slide the bar to the right until only the image (without the words) shows on the coffee mug. What you will see, when adjusting the image, is a purple horizontal background rectangle that allows you to slide the vertical bar back and forth until you see an image you want without words like these:

This one has a little  border around the image on the coffee mug:

The image on this coffee mug extends top to bottom with a border on the sides:


The purple horizontal rectangle mentioned above is actually the background color chosen for this coffee mug.  DO NOT worry about the background colors yet. I will cover background colors in detail later.

As another example, here is a Tee Shirt on which you can adjust the image with the slider bar.

Click > Apparel, then Click > Men’s Clothing. Holding the left-mouse button down, you can move the slider bar back and forth to get images on the Tee Shirt, like these:


 T-Shirt (above) with Image and  words:

T-Shirt (above) Image without the words:

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Once again, do NOT worry about the background colors yet. These will be covered in greater detail later. The apparel section has only color palettes that can be chosen.

Whereas, the other sections have the options of using the color palettes or making variable colors with Hex codes … but more about that later.

  1. Learn how to position an image on a product (except NOT for Wall Art).

To position an image on some products, look for this little image +  that may appear when you place your cursor over the image that has been placed on a product.

(Hint: This tool looks like a Plus Sign + with an arrow-point on each of the four ends.)

As this image appearance suggests, you can move it up, down, left, or right by holding down and moving the left-mouse button while hovering over an image.

When active on an image, this tool + will allow you to move the image around in the space provided on the product. Note, this tool, even though it may show up on an image … it may not be able to move the image around at all … but try it anyway!

The amount of mover-tool  +  movement will be limited to the size of the image within the background space available. In other words, if the image already takes up all the background space on the product, you will not be able to make any placement adjustments

You can play around with the image size within the background space by moving the “slider-bar” back and forth. You will soon figure out how much you can move the image around by the size of the image you made.

Look at the Tee Shirt above again. Suppose I liked the top words for the Tee Shirt … and suppose I also like the bottom words … but not together.  I could move them around by using both the image slider bar and the placement tool, as shown below.

In the images below, the T-Shirt on the left has “Words” on the top position of the image. The T-Shirt below  on the right has “Words” below the image. (Remember: Take a look at the T-Shirt above and you can see that an image can be “expanded” to remove the words from the image on the T-Shirt.)


  1. Choose best palette colors for borders and backgrounds.

On some of the product categories, you will have only color palettes which you can use on the products in that category.  Color palettes can be different for different products.

Here is an example of a color palette (with color Orange selected and indicated):

Please be aware that … if your image is enlarged to fill up the image background space … no color palette will appear.  Why? If there is no space left to fill in a color … the color palette will not show up.

If you reduce the image size the color palette will reappear.

A little information at this point can save a little confusion later.  The color palettes do not function the same in all product categories. The color palettes may be used to apply a color to a product … a background … a border … or a Mat. Here are some examples:

Wall Art Category (Color Palettes only):

• Framed Prints (Top and Bottom Mats)

• Prints (Top and Bottom Mats)

• Posters (Top and Bottom Mats)

Apparel Category (Color Palettes only):

All Products in this category have color palettes that can only change colors on products … but will not be applicable to image backgrounds or border colors.

All Other Categories (i.e., Home Décor; Lifestyle; Beach; Greeting Cards; Phone Cases; and Coffee Mugs) have both a color palette option and two other color options:

In addition to color palettes, the customer may elect two other color options: *

  • Color Circle (Wheel) with a Shade/Tint box
  • Place to enter individual color Hex code that overrides other color options.

* Note: These two powerful color options will be explained in greater detail later in Blog 15 – Bonus … which will be like adding a super-charger to your “creative shopping skills!”

I will see you next time in Blog 14, where we will explore the final three major advantage tools for managing your online (and inside physical stores, too) shopping.

See you soon,

Professor “Bumblebee” Watrous

PS: Did you know that you can have control over a million different colors (i.e., shades, tints, tones, etc.) … for your products on this website?  You can … be sure to review the Bonus Blog – 15 … and “super-charge” your color application and management skills.