Home
Search results “Magento get images from product”
How to Add/Remove Product Images in Magento
 
09:41
https://understandinge.com/magento-tutorials/ With Magento you can add & remove images to products easily. Also you can select which images show as the main image, the small & thumbnail images and also organise them to an order that makes sense to you & your products. In this tutorial you’ll learn: - How to upload images to Magento - How to set the base, small and thumbnail images - How to exclude an image from showing - And finally how to remove images from Magento Important: Always make sure that you will press the "Upload Button" on the right hand side so that your images will be uploaded. Magento resizes automatically the images being uploaded so you don't to resize the images. You should upload images around 16,000 pixels wide and preferably square. If you need a hand at any time, use the contact details below and the forums here http://understandinge.com/forum/ are always open. See you there, Matt & Dave Twitter: https://twitter.com/understandinge Homepage: http://understandinge.com/
Views: 3918 understandinge
Magento Community Tutorials #42 - Importing Products With Images
 
11:01
The 42nd tutorial for Magento Commerce Community Edition. This tutorial shows you how to upload products with images. Subscribe for more free tutorials https://goo.gl/6ljoFc, more Magento Tutorials here: https://goo.gl/23DHFN Support Free Tutorials https://www.leveluptutorials.com/store/ The best shared web hosting http://www.bluehost.com/track/leveluptutorials/ Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz To Support Level Up Tuts: http://leveluptuts.com/donations Simple cloud hosting, built for developers.: https://www.digitalocean.com/?refcode=67357174b09e The flexible, open source commerce platform that powers over 250,000 online stores worldwide
Views: 25859 LevelUpTuts
How to Upload Product Images in Magento 2
 
06:22
https://understandinge.com/magento-tutorials/ Follow along and learn how to upload product images to your Magento website, the easy way. Step 1. Choose a Product - From your Magento admin panel, go to the Products menu on the left-hand side then click on Catalog. - Click on the product which you want to add an image or images to, and then scroll down to the Images and Videos section. Step 2. Add an Image to Your Product - Click on the camera icon, highlight the images to upload in the pop-up window, and then press Open. - Or highlight the images in the pop-up window, and then drag and drop them in the camera icon. - After you have added in the images, click on the link that says Images and Videos underneath the box. Step 3. Rearrange and Add Details to the Images - Move the images left or right, and then drop them where you want them to be. - Suppose you uploaded an image by mistake and want to delete it, click on the bin icon in the bottom left-hand corner of the image. - Click on the tag icon in the bottom right-hand corner of an image to set it as the Base Image or main image. - You may add extra information to an image by double-clicking on it. - The topmost box on the right-hand side is for the alternative text of this image, and then underneath it are the different image types that you can set it to. - Once you’re finished adding in the extra details, click on the “X” mark in the top right-hand corner to return to the previous page. - However, if you would click on the product’s base image, you will notice that the checkboxes in the Role option have already been preselected. - Click on Save in the top right-hand corner and then wait for the page to update. - Head over to the front-end of your website, select the product you added images to, and you should see its images to the left of the product details. This tutorial has shown you how Magento 2 has made uploading product images to your website easier and quicker than it’s ever been in the previous versions of your favourite e-commerce platform. If you need a hand at any time, use the contact details below and the forums here http://understandinge.com/forum/ are always open. See you there, Matt & Dave Twitter: https://twitter.com/understandinge Facebook: https://facebook.com/understandinge Pinterest: https://www.pinterest.com/understandinge Instagram: https://instagram.com/understandinge Homepage: http://understandinge.com/
Views: 6742 understandinge
How to Upload Multiple Product Images (BULK) to Magento with One Click
 
08:48
In this video I show you how to upload multiple product images to Magento with a single click. In order to achieve this you will need to have our Bulk Images extension: http://extensions.activo.com/bulk-images-for-large-catalogs.html which is available for purchase on our Activo Extensions store: http://extensions.activo.com/ . The key to uploading multiple images at the same time in this method is to match the image file names to the product SKU. There is also a configuration area to specify the separator. The image file names should start with the Product SKU, followed by the separator, followed by the order number of the image related to the other product images for this specific product. This extension is successfully working on Magento stores with large catalogs, some have over 20,000 SKUs and each product have 3-5 images. Even if you have only a few hundred products, this will still save you a lot of time. The system also offers importing all images, or importing new image files only for those cases that you only uploaded 2-3 new images and do not want to update the entire set of images. This extension also works very well with CDN and stores behind caching mechanisms.
Views: 45926 activowebdev
Magento 2 display category with image Widget
 
04:03
Widget to display category with images in any pages (home page,category,product etc..) Just fork the code from GitHub and see this video for how to show category with images in any pages with Magneto 2 Code : https://github.com/Programmingatkstark/Magento-2-Category-with-image-widget Author: Kaushal Suthar Also visit us here: https://www.facebook.com/ProgrammingAtKstark https://plus.google.com/+Programmingatkstark https://twitter.com/programmingatk https://pinterest.com/k3746/programming-at-kstark
Views: 8872 Programming At Kstark
Magento 2 - How to Upload Product Images
 
02:27
In this video we show you how to upload product images in Magento 2. Check out Collins Harper for best in industry Magento web development! Blog: http://www.collinsharper.com/chblog/ Email: [email protected] Phone: 1-866-325-9627
Views: 921 Collins Harper
How to upload 3D product images in Magento
 
05:04
Upload 3D product images on your Magento site with Magic 360! http://www.magictoolbox.com/magic360/modules/magento/ Move your product images left/right & up/down providing customers with the ultimate view. Use the dedicated 'Magic 360 Images' tab on your product settings page to easily upload the images which will create your 360 degree product spin. Prefer to upload left/right 360 degree spins only? Watch the video guide here: http://www.youtube.com/watch?v=noLq4sgFKwU If you haven't already installed Magic 360 on your Magento e-commerce site, watch the step-by-step installation tutorial here: http://www.youtube.com/watch?v=qRKipTpNL-Q Got a question? Get in touch for free Tech support: http://www.magictoolbox.com/contact/ Music: "Lafayette" by Josh Woodward -- http://www.joshwoodward.com
Views: 2357 Magic Toolbox
Magento Tutorial | How To Get The Product Image With PHP
 
05:33
This Magento tutorial shows how to get the main product image URL on the product detail page and then reference it in am image tag. It then shows how to add changes using Git. The film review for this video is the 80s hockey film Slapshot. Enjoy!
Views: 1522 Magento Godz
Magento Bulk Image Upload/Import Tutorial
 
07:42
People are having trouble when importing bulk products where the images are not importing. This solution shows how to mass import products with images in Magento. This works for the latest version up to 1.8.X.X
Views: 17863 infohut
image does not exist error in magento bulk product upload.
 
03:56
image does not exist error in magento bulk product upload. image does not exist magento import हिंदी में जानकारी
Views: 360 Gharelu Beauty18
Image Upload Button is Missing in Magento  by Tech Life
 
06:54
Image Upload Button is Missing in Magento by Tech Life Browse Files And Upload Files are missing from Magento Backend Admin Panel. Nothing is wrong with your website rather you need to work with the Settings of Google Chrome. You need to "ALLOW" your website under FLASH Options to
Views: 2379 Tech Life
Magento Tutorial Products Image Remove or Change
 
02:42
Lot of data entry assistant don't know how to Remove or Change products images in magento. In this video I'm showing you how to do this. To get updates for upcoming videos, you may follow my social pages and profile: https://www.facebook.com/WadudOfficial http://twitter.com/WadudOfficial https://www.linkedin.com/in/wadudofficial https://plus.google.com/+Wadudofficial https://instagram.com/wadudofficial https://youtube.com/wadudofficial HashTags: #WadudOfficial #AskWadud #AW
Views: 1877 Md. Abdul Wadud
How to add images to product custom options? / Advanced Product Options Magento 2.
 
02:54
Learn how to set up and configure swatches for product custom options in Magento 2. Follow the link to discover the extension and the functionality it offers: https://www.mageworx.com/magento-2-advanced-product-options-suite.html
Views: 180 Mageworx
Bulk upload products in magento 2 using csv
 
04:08
Bulk upload products in magento 2 using csv import/export product using csv in magento 2
Views: 6610 Boundless Geek
How to display Product images on Category Page in Magento
 
01:22
In this Video we will show you how to display product images on category page. Step by step instruction to solve this Issue. For more details visit : http://www.websolution4u.com. Steps to Solve this Issue. 👉 Login to your cPanel. 👉 Go To File Manager 👉 skin/frontend/theme/default/css/style.css 👉 Paste the Below Code at the End of style.css file. 👉.img-responsive{ display: block !important;} Join Web Solution 4 U on 👉 Social Networks Now for more Updates : ☟ ☞ Facebook : https://www.facebook.com/websolutionforyou ☞ Circle us on G+ : https://plus.google.com/+Websolution4u ☞ Instagram : https://www.instagram.com/websolutionforyou/ ☞ Follow on Twitter : https://twitter.com/websolutionforu
Views: 301 Web Solution 4 U
How to create lazy loading product images in Magento 2
 
25:48
Hello, My name is Cuong, I'm a Magento Developer, Welcome back to my Magento 2 tutorial video series. #Magento2Tutorial, #Magento2Training #Magento2Videos Today, I am going to show everybody the best practice, How to create lazy loading product images in Magento 2. Before doing this practice, we need to learn What is the mean of lazy loading images? Lazy loading images mean loading images on websites asynchronously, images will only appear when users view it in the browser's viewport. This means that if users don't scroll down, images placed at the bottom of the page won't even be loaded. Follow this way users don't have to load all images of a website so it won't waste time, memory and bandwidth. We have the scenario: We will integrate a jQuery plugin for lazy loading images into a custom module in Magento 2, that allowing us lazy loading product images on the homepage, catalog category page. This is the places show the most products. By default, Magento 2 loads all product images of the page. So what will we do in this practice? 1. We will create a new module called PHPCuong_LazyLoadingImage 2. We will create a new Jquery Widget called lazyLoadingImage from an available library. 3. We will use the preference to override the class named Magento\Catalog\Block\Product\ImageBuilder to change the default product image template of Magento 2. This is the method we will override it and change these templates. Okie, let's go. Let's complete this practice, you need to follow steps by step: Step 1: Declaring the new module called PHPCuong_LazyLoadingImage - Create the namespace PHPCuong in the path app\code - Create the module named LazyLoadingImage in the path app\code\PHPCuong - Create the file named registration.php in the path app\code\PHPCuong\LazyLoadingImage \Magento\Framework\Component\ComponentRegistrar::register( \Magento\Framework\Component\ComponentRegistrar::MODULE, 'PHPCuong_LazyLoadingImage', __DIR__ ); - Create the file named module.xml in the path app\code\PHPCuong\LazyLoadingImage\etc End of step #1, I have been completed the codes to create the new module called PHPCuong_LazyLoadingImage. Step 2: Declaring the new Jquery Widget called lazyLoadingImage - Create the new file named lazy-loading-image.js app\code\PHPCuong\LazyLoadingImage\view\frontend\web\js - Create the new file named _module.less in the path app\code\PHPCuong\LazyLoadingImage\view\frontend\web\css - Create the new file named Loader.gif in the path app\code\PHPCuong\LazyLoadingImage\view\frontend\web\images Go to the link https://loading.io/ for getting a loading image. Step 3: Overriding the class named Magento\Catalog\Block\Product\ImageBuilder by using preference - Create the new file named di.xml in the path app\code\PHPCuong\LazyLoadingImage\etc\frontend - Create the new file named ImageBuilder.php in the path app\code\PHPCuong\LazyLoadingImage\Override\Catalog\Block\Product We will copy the content from the default file. - Create the new file named image.phtml in the path app\code\PHPCuong\LazyLoadingImage\view\frontend\templates\product - Create the new file named image_with_borders.phtml in the path app\code\PHPCuong\LazyLoadingImage\view\frontend\templates\product - Create the new file named default.xml in the path app\code\PHPCuong\LazyLoadingImage\view\frontend\layout This file helps us to display the lazyloadimage template on the footer of all the pages on the storefront. - Create the new file named lazyloadingimage.phtml in the path app\code\PHPCuong\LazyLoadingImage\view\frontend\templates Step 4: Test and see the results 1. Run the following command lines: php bin/magento setup:upgrade php bin/magento setup:di:compile php bin/magento setup:static-content:deploy -f php bin/magento cache:flush 2. Test the results Go to the homepage, catalog category on the storefront. Yeah, It works perfectly. So what did you get after completing this practice? 1. You known how to create a new module in magento 2. 2. You known how to override a class by using preference in magento 2. 3. You known how to create a jquery widget in magento 2. Thanks for watching guide. If you have any questions about this practice, please feel free to leave a comment below. Don't forget to like, comment, share my videos and subscribe to my channel for getting the latest lessons. Please do not hesitate to contact me, if you need me to join your Magento project. My rate is $25/hour in Magento 1 and $30/hour in Magento 2. Get the source codes of this tutorial in the Github https://github.com/php-cuong/magento2-lazy-loading-product-images
Views: 195 Magento 2 Vlogs
How to add product in Magento admin: With product color variant images
 
09:57
When there aren't many product variants and you can easily provide images for each side: Choose this option to add image for each product side of the product variant. Since there aren't many product variants, it will be more efficient to provide images than creating a template.
Make Configurable Product Image Change When Magento Swatch Is Clicked, by eMagicOne
 
03:42
Enhance Magento catalog visualization creating image-based dynamic configurable products with swatches. Having set swatches for configurables, you will get it on the product page instead of plain text in dropdowns, what respectively ensures positive customer experience and lets make the selection simply clicking on desired icon. And do not hesitate to download free 14-days trial at: http://www.mag-manager.com/free-download/ to try Store Manager yourself. Free documentation, phone, chat and e-mail support included!
How to upload bulk Products and images in magento?
 
01:43
Magento has "Bulk update" tool that allows to add products. Here we have given the steps to add products. - Select Products on the left-side menu and click catalog option. - In the catalog page, on the top right side click Add product option - In these Add product Name, Price, Quantity, Weight, and Date. - Then add some Description in the product description box. - Insert images and videos of the product. - Then finally click save. If you have any doubts regarding Adding products in Magento we are ready to clear it. Our Homepage: https://www.webnexs.com/
Views: 92 webnexs
How to Add Images to Magento Products, by eMagicOne
 
04:25
Looking for the ways to optimize image upload? Watch the video tutorial and find out different methods of image handling with Store Manager for Magento And do not hesitate to download free 14-days trial at: http://www.mag-manager.com/free-download/ to try Store Manager yourself. Free documentation, phone, chat and e-mail support indluded!
Magento product images not displayed on front end
 
01:24
Magento error due to which Product Images don't get displayed on Magento frontend. You add a new product to your catalogue, it gets added or updated successfully but the finall product will not get displayed on the front end.
Views: 4369 Sector Techno
Add Images to Product Page in Magento
 
02:46
Simple overview of how to add images to your products. Includes main product images, tumbnail and small images for category page plus product additional images.
Views: 2153 Astral Web Inc.
How-To : Import Bulk Products with Images in Magento
 
12:54
This video is a step-by-step guide to import bulk products and images in Magento. For more details, kindly visit - http://technet.weblineindia.com/web/import-bulk-products-with-images-in-magento/
Views: 5990 TechNetExpert
Magento how to add Products (Simple & Configurable), Categories & Attributes
 
32:37
This FREE training video covers the starter essentials for adding Categories, Products and Attributes to your Magento Ecommerce Website. http://www.youngcow.co.uk The video covers; logging in, adding Products, simple products, configurable products, Categories, Attributes and Attribute Sets. Introduction - 00:00 Dashboard - 00:51 Categories - 01:36 Adding Simple Products 08:58 Adding Configurable Products Step 1 - 17:16 Attributes, adding a new attribute - 18:18 Attribute Sets, editing attributes - 22:25 Adding Configurable Products Step 2 - 24:10 ### OTHER VIDEOS: Magento Promotion Coupon codes & Shopping Cart Price Rules: https://www.youtube.com/watch?v=V79ITpTemiw
Views: 128517 Young Cow Ltd
How to Find Products Without Images in Magento, by eMagicOne
 
04:11
Products without images are not very attractive for clients. Check video tutorial and find out how to detect Magento products with missing images in bulk without coding! Try yourself FREE with 14-day trial version of Store Manager for Magento: http://www.mag-manager.com/free-download/ to try Store Manager yourself. Free documentation, phone, chat and e-mail support included!
magento import image file
 
03:07
magento import image file using data flow profile. the file csv mapping between product's sku and image source. Do the following steps: 1. Create data flow profile if not exist 2. create csv file to identify image and product's sku - file type csv - mapping between sku & image source. eg: EVF_MAN /evf_man.jpg - note that the image source begin with slash "/" 3. Prepare image, upload into server. - The location is media/import/ 4. Upload file csv 5. Run import
Views: 3555 Kien Ngo doan
How To Manually Add Product Images in Magento
 
02:01
Here's a quick video showing you how to set images for products in the backend of Magento. DataPhil Solutions, LLC have experienced with Magneto for a solid 4 years.
Views: 517 Al Gregorios
How to get wishlist product image in Magento customer Area
 
05:06
Hello friends, This is easiest way to Get Wishlist product image in customer are in magento admin panel. Pl Watch the video and if you want source code, Pl download the code from below share location. ------------------------------------------- Source code path https://drive.google.com/open?id=0B7J8iVDA34G4ZHhITWx0Wm1iRms -------------------------------------------- **please like share and subscribe our channel** THANKS.
Views: 50 geeky Banna
Import bulk products in magento
 
25:13
This video will guide you how to import bulk products in magento via import-export facility given by magento. It will save your much more time to add products in magento.
Fix image product no load on Magento 2
 
07:06
https://youtu.be/RuyIkBwlvx0
Views: 213 TatTanTat
Magento. Video. How To Change Products Images Dimensions
 
08:43
This Video Tutorial Is Going To Show You How To Re-size Product Images On Your Magento Template. Build Your WebSite With Magento Themes From TemplateMonster.com: http://www.templatemonster.com/magento-themes.php?utm_source=YoutubeM&utm_medium=video&utm_campaign=magftk
Views: 9817 TemplateMonster
Upload Product Images in Magento
 
01:53
This is a simple tutorial of how to upload product images in magento. Let me know if you have any questions in the comments.
Views: 19165 JNCcompany
Change Product Image on Magento
 
06:44
Change Product Image on Magento I used pimaapparel.com as example let me know if you like or dislike this please your dislike help me improve, but I have to know why thanks ^^
Views: 4261 gzlCast
Importing Configurable Products in Magento 2 - Ep09 Let's build series
 
14:04
►Newsletter: http://eepurl.com/c92O1j ►Article: http://bit.ly/2BkumHJ ►Theme: http://bit.ly/2NvzKuL In todays episode, I took the CSV and Images from the preparation I did for episode 1 and imported it into Magento 2. Along the way, I realised that I'd made some mistakes from a previous episode and highlighted what I did wrong and how I fixed them. This Magento video mostly focuses on Importing Configurable Products. DIGITAL STARTUP ►Blog: https://digitalstartup.co.uk ►Discord Chat: https://discord.gg/VkcmZA5 MAGENTO 2 TUTORIAL FOR BEGINNERS PLAYLIST ►https://www.youtube.com/playlist?list=PLQQUd8xe2EWU0k2TU0V_PSEiDpCzuF_OW SOCIAL MEDIA ►Twitter: https://twitter.com/ds_courses ►Facebook: https://www.facebook.com/digitalstartupuk BUSINESS ENQUIRIES ►business[at]digitalstartup.co.uk #magento #tutorials #digitalstartup
Views: 1332 Digital Startup
3D Product Images Functionality For BigCommerce, Volusion, Magento and More!
 
01:34
The 3D product image functionality will allow a website's administrator to display 3D product images. When a user is viewing the product, they will be able to drag a slider to spin the product a full 360 degrees allowing them to view the product from every possible angle! Shopping online can be difficult because you don’t always know what you’re going to get. That’s why Ecommerce stores integrate functionalities that allow potential buyers to get a better idea of products before they make purchases, like interactive 3D product images. Interested in having this functionality on your website? Contact us by going to our website https://www.optimum7.com/ Or call us at (866) 848-6072 Read the benefits this functionality can have on your shop! https://www.optimum7.com/custom-functionality/3d-product-images Optimum7 works with many Ecommerce platforms such as Shopify, Bigcommerce, Volusion, Magento, 3d Cart, Wordpress / WooCommerce, Opencart, Episerver, Oracle ATG and any Custom Cart.
Views: 129 Optimum7
How to Add Flip Image or Video to Products in Magento 2? M-Connect Media
 
06:42
A Warm Welcome to M-Connect Media. Product Flipper is the best functionality for eCommerce stores. It is the perfect solution for online merchants to display alternate images or video when user hover over product image. Grab customers attention and attraction by implementing this effective functionality on your online store. In our previous video, you have seen how to configure product flipper into Magento 2 based store at https://youtu.be/gyVv38akEfU. In the current video, you will learn how to set flip image/video to a product in Magento 2. To Add Flip Images on products, first, go to Products and then to Catalog. This will take you to the Catalog page, click the Add Product button in the top right corner and select the product you want by ticking the checkbox, click on Edit from the Action column. It will take you to the product Edit page, roll down the page to find Images and Videos dropdown. Click it and browse the image from the PC wherever there is no image. Click the image to open in zoom mode and select Flipped image option from the Role list. Close the view and click Save button. Next, click on Product Flipper tab under basic settings. Set the status to enable or disable from here. Select the type of product flip video to local or Youtube. You can directly upload or enter the video code from this section. Apply all the settings and Save the product. You have all done!!!! Liked the Product Flipper Module? Want to implement this functionality on your eCommerce website? Visit: https://www.mconnectmedia.com/product-flipper-m2.html. Thanks, M-Connect Media Magento Extension Development Company https://www.mconnectmedia.com/
Views: 376 M-Connect Media
Bulk Images Upload and SEO Magento Extension
 
06:03
Activo Bulk Images Upload extension provides a fast and efficient way to mass upload product images for large size catalogs with one mouse click. It is extremely easy to use, allows uploading multiple images per product SKU and also works great with CDNs. See demo videos below. Now includes image SEO feature! Activo Bulk Images can now rename imported images using the product name as a file name for better image SEO! http://extensions.activo.com/bulk-images-for-large-catalogs.html
Views: 4283 activowebdev
Import Configurable Product in magento 2
 
07:53
Import Configurable Product in magento 2
Views: 1607 Suresh Dubey
Magento - How to add a configurable product
 
16:30
How to create a configurable product in Magento.
Views: 59832 Creare
magento 2 images not showing and button click not working
 
04:11
magento 2 image not showing after fresh install and javascript also not working so check this video from www.checktricks.com
Views: 740 Checktricks
How to display Product Zoom in Magento Store
 
07:01
This video will guide you how to display product zooom extension for your RWD magento theme. Here you don't have to download and install product zoom extension from magento connect in order to get the zoom effects for your products instead of that you have to follow a different procedure to achieve that. I have explained each and every step of it in detail that you got to know about product zoom in magento.
Views: 990 How to Make Tut's
How to use Magento Color Swatch with Zoom Extension
 
05:17
http://cmsmart.net/magento-extensions/magento-color-swatch-extension-with-zoom Are you selling products in different colors or design on your Magento store? Then Magento Colors Swatches Extension will help your customers to understand how your products will look in each different variation. Simply assign any image from product gallery to each attribute value and get ready image switcher on your store products page. Magento Color Swatch shows your product attribute options as swatches on configurable products. This also means that you can use Color Swatch for any type of attribute such as color, size, types can be displayed as thumbnail images. It works well with any type of products, simple products, configurable products, etc... Product options and thumbnails images are configured in the backend. The user interface and backend settings is designed with use friendly, standard magento UI and easy to use. Aside from all this, it can be applied to multiple attributes of a single product where you can upload different swatch images for each of those attribute options. Setting up different swatch images for normal, hover, active and disabled state of attribute options is also possible, and swatch image size is configurable via Magento administration. Moreover, our Magento Color Swatch Extensions also is enhanced its functionality with built-in Product Image zoom effect -- ability to show the zoom on all of your products to larger and more beautiful real images/ photo of product. The zoom feature is not a simple add-on but is a powerful zoom module for Magento store with up to 5 types of zoom effect to chose, and full list of features configuration in Magento admin. More Product Magento Extensions: http://cmsmart.net/magento-extensions Magento Themes : http://cmsmart.net/magento-themes Virtuemart Extensions: http://cmsmart.net/virtuemart-extensions Virtuemart Templates: http://cmsmart.net/virtuemart-templates
Views: 4349 Cmsmart TVChannels
How to optimize images in Magento 2
 
47:44
Hello, My name is Cuong, I'm a Magento Developer, Welcome back to my Magento 2 tutorial video series. #magento2tutorial #magento2training #magento2 #magento2optimize Today, I am going to show everybody the best practice, How to optimize images in Magento 2. This practice is a part of the series named "Magento 2 Website Optimization", you can see this playlist here http://bit.ly/2TSJqTG Before doing this practice, you need to learn Why do you need to optimize images? It helps to improve the following: 1. Reducing the size of a webpage: When optimizing images you reduce the size of an image without losing image quality. 2. Reducing bandwidth usage on the server. 3. Reducing the load times on the website. 4. Speed up your site, friendly with the search tools. In this practice, I show everybody the best way to optimize images using the gulp-image npm package with NodeJs on Ubuntu 16.04, the process will be executed by command lines, we won't write the codes for this practice. - Check the version of Ubuntu on your server: cat /etc/*release I am using Ubuntu 16.04. So what will we do? 1. Installing the necessary software: NodeJS 6.x, libpng-dev, libjpeg-dev, build-essential, cmake, libtool, autoconf, automake, m4, nasm, pkg-config, libpng16-devtools 2. Installing the necessary npm packages: gulp-cli, pngquant-bin, jpegtran-bin, optipng-bin, gifsicle, mozjpeg 3. Using the gulp-image package to optimize images in Magento 2. I use the gulp-image npm packge because it helps to optimize images without losing image quality. Okie, let's go. Let's complete this practice you need to follow steps by step: Step 1: Installing the necessary software - NodeJs 6.x: curl -sL https://deb.nodesource.com/setup_6.x | bash - apt-get install -y nodejs - Check the NodeJs and npm version just installed: nodejs -v npm -v - Install other softwares: apt-get install libpng-dev libjpeg-dev build-essential cmake libtool autoconf automake m4 nasm pkg-config apt-get install libpng16-devtools Step 2: Installing the necessary npm packages npm install --global gulp-cli npm install -g pngquant-bin jpegtran-bin optipng-bin gifsicle mozjpeg Step 3: Optimizing images - Move to the root folder on your website. - Create the new folder gulp-image: mkdir gulp-image - Move to the gulp-image folder. - Create the new file package.json - Installing the npm packages the gulp version 3.9.1 and the gulp-image version 4.3.0: npm install --save-dev [email protected]^3.9.1 [email protected] - Create the new file named gulpfile.js const gulp = require('gulp'); const image = require('gulp-image'); gulp.task('product_image', function () { gulp.src([ '../pub/media/catalog/product/cache/**/*.jpg', '../pub/media/catalog/product/cache/**/*.png', '../pub/media/catalog/product/cache/**/*.jpeg', '../pub/media/catalog/product/cache/**/*.gif' ]).pipe(image()).pipe(gulp.dest('../pub/media/catalog/product/cache')); }); gulp.task('default', ['product_image']); - You can see other options of this npm package here: https://www.npmjs.com/package/gulp-image - For now, I will optimize product images in the folder named cache: gulp default Step 4: Test and See the results - Go to the storefront. We will check the size of this folder before and after optimizing the image files. Run the command line: du -h the folder named Before optimizing the image files is 265 MB Please wait for a moment. This will take much time. Why we shouldn't optimize the product original images? Because Magento will generate the images into the folder named cache from the original images and displaying them on the storefront. After Magento generated the images the file size will be changed again. So we only work on the folder named cache for the product images. I suggest you should use the crontab for running the optimization images by schedules. once a day. When having new products, Magento will generate more product images in the folder named cache, so we must optimize these images. That is the reason, why I suggested using the Cron job for running the command line "gulp default" This tool is working perfectly. It reduces the size of images without losing images quality. So I show everybody using this tool for optimizing images in Magento 2. Thanks for watching the guide. If you have any questions about this practice, please feel free to leave a comment below. Don't forget to like, comment, share my videos and subscribe to my channel for getting the latest lessons. Please do not hesitate to contact me, if you need me to join your Magento project. My rate is $25/hour in Magento 1 and $30/hour in Magento 2.
Views: 194 Magento 2 Vlogs
How to Enable flash player to upload images in Magento
 
03:57
I have seen many times from developers that browse image option is not displaying in magento..anyway I am trying to add images to a Product but 'Browse files' and 'Upload' buttons are missing from the backend. Open your Google chrome, and if you have above flash player already then open your website in chrome and then see in URL bar in left side and if your website is having SSL then right click on the lock icon and then there will be open a window you can change adobe flash player allow setting by default this is ask option.
Views: 126 Problem Host
Product add images  magento admin  tutorial
 
02:00
Product add images magento admin tutorial
Views: 231 rohin jain
Magento Image Gallery -easily add and edit product images with Store Manager for Magento!
 
03:50
http://www.mag-manager.com/useful-articles/magento-image-gallery Watch this video to see how easy it is to add and edit product images with Store Manager for Magento! I will show you how to make your products look attractively with Store Manager for Magento only in a few clicks. Let Store Manager for Magento be your first helper in order to keep your clients on hook! Use Store Manager to save hours each day and push your business to the next level! Try it now! Get a free trial at http://www.mag-manager.com/free-download
Views: 3990 MagentoStoreManager
How to Add Products to your Homepage in Magento 2
 
09:46
https://understandinge.com/magento-tutorials/ This tutorial shows you how to add some products to the blank home page of your website using Magento widgets in less than 10 minutes. Step 1. Edit the Home Page of Your Website - In your Magento admin panel, click on the Content menu on the left-hand side followed by Pages. - Next, choose Edit from the Select drop-down box located to the right of the Home Page. - Under the Page Information on the left-hand side, click on the Content tab. - Replace the piece of text in the text box that reads CMS homepage content goes here with your own custom text. - Then click on the menu button, which says Insert Widget when hovered upon, in the top left-hand corner so that you can add products to your website’s home page using a Magento widget. Step 2. Set up a Widget - From the drop-down box labelled Widget Type, choose Catalog Products List. - Type Featured Products in the Title field, leave Display Page Control to No, and then put a value in the field labelled Number of Products to Display. - Skip the Template option as this widget only offers one template type called Products Grid Template. You can also leave the Cache Lifetime blank. - The Conditions option, meanwhile, allows you to restrict the products that appear on your home page using any of the product attributes in your Magento system. - Skip this option for now then click on Insert Widget on the right-hand side. - There in the text box in your Home Page settings, you can now see the widget that you set up. - Click on Save and Continue Edit in the top right-hand corner then head over to the front-end of your website. - Reload your home page, and you now see many products where once there was none. Step 3. Clear the Caches - Go to the System menu on the left-hand side then click on Cache Management. - Choose Select All from the drop-down box on the left-hand side then press Submit. - Go back to your website and refresh it, and you should be able to see the products on your screen. Step 4. Edit the Widget - Go back to the Home Page settings in your Magento system. - Double-click on the icon in the text box then enter a smaller number in the field that’s labelled Number of Products to Display. - Click on Insert Widget on the right-hand side and then press Save and Continue Edit at the top right. - Clear out the caches, refresh the home page of your website, and you see fewer products now. Step 5. Add a New Widget - Go back to the Home Page settings in your system then go a couple of spaces below the widget in the text box. - Click on the icon which, when hovered upon, says Insert Widget in the top left-hand corner. - Choose Catalog Products List from the drop-down selections for Widget Type, and then enter Special Offers in the Title field. - This time set Display Page Control to Yes then enter a number in the field labelled Number of Products per Page. - In the field labelled Number of Products to Display, enter the total number of products that you want to show on your site. - If you only want to show products under a specific category, click on the green plus (+) button, and then choose Category from the drop-down menu. - Next, click on the ellipses following the words Category is then click on the blue icon between the box and the green tick. - Tick the categories that are assigned to the products that you want to add to your home page. - Once that’s done, click on Insert Widget on the right-hand side, and then press Save and Continue Edit at the top right. If you need a hand at any time, use the contact details below and the forums here http://understandinge.com/forum/ are always open. See you there, Matt & Dave Twitter: https://twitter.com/understandinge Facebook: https://facebook.com/understandinge Pinterest: https://www.pinterest.com/understandinge Instagram: https://instagram.com/understandinge Homepage: http://understandinge.com/
Views: 32537 understandinge
How to Setup YouTube Videos in Magento 2
 
12:20
https://understandinge.com/magento-tutorials/ In this tutorial you’re going to learn how to get your own YouTube videos onto your website. Step 1. Find the Configuration Section for YouTube Videos - Go to the Products menu on the left-hand side of your Magento dashboard then click on Catalog. - Click on the product that you’re going to set up YouTube videos for, scroll down to the section of images and videos, and then click on Add Video. - Underneath the Url box, right-click on the link that tells you to enter your YouTube API Key, and then select Open in New Tab. - That opens up the configuration section which has a field assigned for the YouTube API Key. Step 2. Get the YouTube API Key - To get hold of the YouTube API Key, type console.developers.google.com/project in a new browser tab and then press enter on your keyboard. - That takes you to the Google Developers site. Click on Select a project in the top right-hand corner followed by Create a Project. - Type your domain name plus YouTube API Key (e.g. UnderstandingE YouTube API Key) in the Project Name box then click on Create. - You should see your project name in the top right-hand corner where it used to say Select a project; if not, click on the down button then select the right project name. - Assuming you’ve got the right project name, click on YouTube Data API underneath the YouTube APIs. - Click on Enable at the top left to enable the YouTube API. A pop-up message tells you that you need to create credentials before you can use the API, so click on Go to Credentials. - Since the first option has already been preset to YouTube Data API v3, go to the next and choose Web server (e.g. node.js, Tomcat). - Next, select Public data and then click on What credentials do I need? - Leave Server key 1 in the Name field and then enter your IP addresses in the next box if you want to. Otherwise, proceed to click on Create API key. - Highlight the API Key in the box, right-click and choose Copy from the pop-up menu, and then click on Done. Step 3. Paste the YouTube API Key in Magento - Go back to the YouTube configuration section in your Magento system, right-click on the YouTube API Key field, and then choose Paste from the pop-up menu. - Once you have done that, press Save Config in the top right-hand corner. - Grab the whole URL of your YouTube video then go back to your Magento system and reload the product page. - Scroll down and click on Add Video, paste the URL of your YouTube video in the Url box, and then watch Magento prefill the Title, Description and Image fields with the info on your video. - Press Save in the top right-hand corner and then click on Images and Videos on the left. Step 4. View the Video on Your Website - On your website, go to the category where your product is, then click on it. - When a customer lands on this product page, the first thing they will see is the base image. - As they move on to the next image, your YouTube video pops out, and it’s highly likely that they’re staying on this page for the next couple of minutes or so. If you need a hand at any time, use the contact details below and the forums here http://understandinge.com/forum/ are always open. See you there, Matt & Dave Twitter: https://twitter.com/understandinge Facebook: https://facebook.com/understandinge Pinterest: https://www.pinterest.com/understandinge Instagram: https://instagram.com/understandinge Homepage: http://understandinge.com/
Views: 5655 understandinge
Magento. How to check why a product is not displaying on the site
 
05:02
This tutorial will show you how to check why a product is not displaying on the site in Magento. To view more our Magento templates go to website: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts168 Subscribe Our Channel: http://goo.gl/zjoR8Z Follow us: Facebook http://goo.gl/3yXKEu Twitter http://goo.gl/NR5fDK LinkedIn http://goo.gl/qDZeEO Dribbble http://goo.gl/UwqX48 Pinterest http://goo.gl/Tp8Je5
Views: 2934 TemplateMonster
Magento. How To Change Default Placeholder Image
 
02:40
This tutorial will show you how to change default placeholder image in Magento. Choose your Magento template now: http://www.templatemonster.com/magento-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=magtuts159 Subscribe Our Channel: http://goo.gl/zjoR8Z Follow us: Facebook http://goo.gl/3yXKEu Twitter http://goo.gl/NR5fDK LinkedIn http://goo.gl/qDZeEO Dribbble http://goo.gl/UwqX48 Pinterest http://goo.gl/Tp8Je5
Views: 1136 TemplateMonster

Housework french vocab games
Skylanders swap force suitcase sizes
Funktionsweise mos transistor theory
Starbound fanart gronkh twitter
Majin kenzan download games