How to upload Images Product in Magento 2

magento-2-tutorial
how-to
upload
images
product

In this topic, I will show you how to upload images product step by step. You know that, high-quality images is the strength to make your website more beautiful and have a professional look of your shoppers. If each your product has a collection of images in the catalog, it is hardly surprising to manage a hundreds or thousands of images. Thus, let establish a naming convention for your image files right now, that will makes your track easier even if you want to find the originals.

How to upload Images Product images videos

In the Product Detail, you can upload as many images as you need for a product, simultaneously, link to video, rearrange their order, and determine how each is used. For each product, three roles are available for you to assign to any image. You can set the main image or the base image that must be large enough to produce the magnification that is needed for zoom. Apart from the base image, a small image of that image will appear in product listing, and a thumbnail will be in the shopping cart. The assign is flexible for you, however, by default, these roles are auto-assigned to the first uploaded image.

How to upload Images Product Image Detail

How to upload Images Product in Magento 2 as following options

To Upload Images Product:

  • Go to Catalog > Manage Products
  • Open a Product
  • Manage Images
  • View Image Detail

Manage Images

  • Click on Edit link, and then do the following:

    Upload an Image

    To upload a new Image, you can apply one of two ways:

    • Drag an Image from your browse, and drop it in the Images and Videos box.
    • Click on Camera title in the Images and Videos box, browse to the Image file and click on Open to select any Image you need.

    How to upload Images Product Upload Images

    Assign the Bass Image

    If you want to assign to the Base Image, only need to click on the tag icon that is in the lower-corner of the image. As soon as your tap, a small orange banner will appear, that means your assign is successful.

    How to upload Images Product Mask Base

    Reorder Images

    To change the showing position of images in the catalog, click on the Sort icon on the top right-corner of the image, and drap it to the new position.

    How to upload Images Product Reorder Image

    Delete an Image

    To delete any image, click on the Delete icon in the lowe-left corner.

    How to upload Images Product Delete Image

  • Click on Save to save the changes.

View Image Detail

  • To get the detail of an image, click on the Images and Videos beneath the image title or under the Basic Settings in the panel.
  • In the Image Detail page, you can do any of the following: #### Enter Alt Text

    In the Alt Text box, write some description of your image.

    Image Alt text is referenced by screen readers to improve web accessibility, and by search engines when indexing the site. Some browsers display the Alt text on mouseover. Thus, you should be careful to select the key words for the image.

    Assign Roles

    By default, three roles (Base Image, Small Image, and Thumbnail) are auto-assigned to the first image of the prouct. If you want to reassign, do the following:

    • Click on the need image to open the Image Detail page.
    • In the Role section, choose the role you want to assign to that image.

    The assigned role appears with a checkmark in selected mode, and the previous image is nolonger assigned to the role.

    Hide Images

    To exclude any image, mark the Hide from Product Page checkbox in the Image Detail page, then click on Save.

    How to upload Images Product Hidden Image

  • To exit Detail View, click the Close box in the upper-right corner.
  • Click on Save to complete.

Ref: Magento 2 User Guide



It comes to the end of tutorial: How to upload Images Product in Magento 2.

Please leave comments if you have any questions, feedbacks.

Comments for How to upload Images Product in Magento 2

You also may like these Magento 2 Extensions

One Step Checkout

$199
17 reviews

Layered Navigation

$149
7 reviews

Affiliate

$149
7 reviews

FAQ

$149
10 reviews

Zoho CRM

$249
no review

Store Locator

$199
no review

Shop By Brand

$99
no review

Better Blog

FREE
7 reviews