@ -7,8 +7,8 @@
style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
< div class = "col-md-7 col-sm-12 col-xs-12" style = "padding: 0px" >
< div style = " margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;" >
< h1 style = "font-size: 39px;font-weight: 600;margin: 0px !important;" > Import Product From Excel < / h1 >
< h3 style = "font-size: 21px;margin-top: 8px;position: relative;" > Import Product Using Excel/CSV < / h3 >
< h1 style = "font-size: 39px;font-weight: 600;margin: 0px !important;" > Product Image from URL < / h1 >
< h3 style = "font-size: 21px;margin-top: 8px;position: relative;" > Product Image from URL and Path < / h3 >
< / div >
< h2 style = "font-weight: 600;font-size: 1.8rem;margin-top: 15px;" > Key Highlights< / h2 >
< ul style = " padding: 0 1px; list-style: none; " >
@ -16,10 +16,7 @@
src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Import product images from path and URL.
< / li >
< li style = "display: flex;align-items: center;padding: 8px 0;font-size: 18px;" > < img
src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Import product barcode.
< / li >
< li style = "display: flex;align-items: center;padding: 8px 0;font-size: 18px;" > < img
src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Load image in product using URL.
src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Load image in product from url field.
< / li >
< / ul >
< / div >
@ -63,14 +60,14 @@
< hr style = "margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;" >
< h3 class = "oe_slogan"
style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
With the help of this App you can easily load product image from URL in the product, import product image, barcode, name, type, and price from XLS/CSV file. You can prepare files with all the above mentioned details, if the product name is already exists then the product will not be created, It is mandatory to use given XLS format to import product
With the help of this App you can easily load product image from URL and Path, You can also load images by pasting url in the field.
< / h3 >
< / div >
< div class = "px-3 pt-1 tab-pane fade " id = "pills-home1" role = "tabpanel"
aria-labelledby="
pills-home-tab">
<!-- feature tab -->
< h2 style = "font-weight: 600;text-align: center;width: 100%;" > Import Product From Excel < / h2 >
< h2 style = "font-weight: 600;text-align: center;width: 100%;" > Product Image from URL < / h2 >
< hr style = "margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;" >
< ul >
< li class = "mb8"
@ -78,16 +75,6 @@
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; " alt="check">Import Product image from path and URL.
< / li >
< li class = "mb8"
style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; " alt="check">Import product Barcode, name, type, price from XLS/CSV file.
< / li >
< li class = "mb8"
style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; " alt="check">Product with same name will not be created.
< / li >
< li class = "mb8"
style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
< img src = "images/checked.png"
@ -107,90 +94,15 @@
< div id = "demo" class = "row carousel slide mb32"
data-ride="carousel">
< div class = "carousel-inner" >
< div class = "carousel-item active"
style="min-height: 0px;">
< div class = "col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
< h3 class = "alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; "
alt="check"> After installation, open sales and go to product tab and open the Import Product.< / h3 >
< div style = "" > < img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/product_import.png">< / div >
< / div >
< / div >
< div class = "carousel-item" style = "min-height: 0px;" >
< div class = "col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
< h3 class = "alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; "
alt="check"> A wizard will pop-up. Here you can upload the file and click import button for importing product.< / h3 >
< div style = "" > < img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/product_import_2.png">< / div >
< / div >
< / div >
< div class = "carousel-item" style = "min-height: 0px;" >
< div class = "col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
< h3 class = "alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; "
alt="check"> It is mandatory to use given XLS format to import product< / h3 >
< div style = "" > < img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/product_import_3.png">< / div >
< / div >
< / div >
< div class = "carousel-item" style = "min-height: 0px;" >
< div class = "col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
< h3 class = "alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; "
alt="check"> Here you can see the imported product is created in the product.< / h3 >
< div style = "" > < img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/product_import_4.png">< / div >
< / div >
< / div >
< div class = "carousel-item" style = "min-height: 0px;" >
< div class = "col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
< h3 class = "alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; "
alt="check"> We can see the product details we are given.< / h3 >
< div style = "" > < img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
src="images/product_import_6.png">< / div >
< / div >
< / div >
< div class = "carousel-item" style = "min-height: 0px;" >
< div class = "carousel-item active" style = "min-height: 0px;" >
< div class = "col-xs-12 col-sm-12 col-md-12 mb16 mt16"
style="float: left;">
< h3 class = "alert"
style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
< img src = "images/checked.png"
style=" width: 22px; margin-right: 6px; "
alt="check"> We can update product image using URL by chang ing URL in the given field.< / h3 >
alt="check"> We can add the product image by updating URL in the given field.< / h3 >
< div style = "" > < img
class="img img-responsive center-block"
style="border-top-left-radius: 10px;border-top-right-radius: 10px;"