Add Product Form
Now adding new products is easier!
Information:
1. Fill in the form according to use.
2. Enter the URL/Link of the image that you have uploaded on Blogger.
3. If you click any button, it cannot be returned, unless the page is reloaded.
4. In this form, images are limited to a maximum of 5, and select options to a maximum of 4.
5. Follow the Guidelines for using the "Product Description".
1. Fill in the form according to use.
2. Enter the URL/Link of the image that you have uploaded on Blogger.
3. If you click any button, it cannot be returned, unless the page is reloaded.
4. In this form, images are limited to a maximum of 5, and select options to a maximum of 4.
5. Follow the Guidelines for using the "Product Description".
Product Title
Product Images
Upload Images and copy image url.
Product Status
Product Price
Discount %
Example : "20".Product Quantity
Select Product Variant Options 1
Example : "Color Variant"Select Product Variant Options 2
Example: "Size"Key Specification of Mobile Name
Add Important Attributes and Attributes for Description.
Add New Specification for Description.
Product Description 2
To add Enter or a new line :
To make text bold, use :
To italicize text use :
To use large text (heading) use :
<br/>To make text bold, use :
<b> text </b>To italicize text use :
<i> text </i>To use large text (heading) use :
<h3> text </h3>
<div class='produk-wrap'>
<div class='kolom-gambar'>
<div class='flexslider'>
<ul class='slides'>
<!-- ============= PICTURE COLUMN ================= -->
<li><img id='picture' src='-productpicture1-' alt='-thistitle-'/></li>
<li><img src='-productpicture2-' alt='-thistitle-'/></li> -picture3- -picture4- -picture5-
<!-- ============= PICTURE COLUMN ================= -->
</ul></div>
<div class="status-produk">
<!-- ============= PRODUCT STATUS ================= --> -promo- -bestseller- -outofstock-
<!-- ============= PRODUCT STATUS ================= -->
</div>
<!-- ============= DISCOUNT ================= --> -discount-appears-
<!-- ============= DISCOUNT ================= -->
</div>
<div class='kolom-info'>
<h3 id='title'>
<!-- ============= PRODUCT TITLE ================= -->
-thistitle-
<!-- ============= PRODUCT TITLE ================= -->
</h3>
<div content="IDR" itemprop="priceCurrency"></div>
<!-- ============= PRODUCT PRICES ================= -->
<div class="harga-produk" content="-originalprice-" itemprop="price"> -strike-appears-
<span id='harga'>-discountprice-</span>
</div>
<!-- ============= PRODUCT PRICES ================= -->
<div class='pilihan'>
<!-- ============= SELECTION OF PRODUCT OPTIONS1 ================= -->
<div id="pilihan-1" class="select-data">
<label>-colorvariant-</label>
<ul>
<li data-price="0">-color-</li> -coloroption1- -coloroption2- -coloroption3-
</ul>
</div>
<!-- ============= SELECTION OF PRODUCT OPTIONS 2 ================= -->
<div id="pilihan-2" class="select-data">
<label>-sizevariant-</label>
<ul>
<li data-price="0">-size-</li> -sizeoption1- -sizeoption2- -sizeoption3-
</ul>
</div>
<!-- ============= AMOUNT ================= -->
<div class='input-field tambah-jumlah'>
<button class="add-min">-</button><input id='jumlah' type="number" name="quantity" min="-promin-" max="-promax-" value='-promin-'/><button class="add-plus">+</button><label>Qty</label>
</div>
<div class='input-field'>
<textarea id='product-description' placeholder='' maxlength='60' row='1'></textarea>
<label>Notes for Seller</label>
</div>
<br/>
<a id='go-cart' href='javascript:void' title='Add to Cart'><i class='fas fa-shopping-cart'></i><span> Add to Cart</span></a>
<a id='next_order' href='javascript:void' title='Buy Now'>Buy Now</a>
</div>
<div class='deskripsi-produk'>
<!-- ============= PRODUCT DESCRIPTION ================= -->
<!-- ============= SPECIFICATION TABLE 1 ================= -->
<h2 class='tabletitle1'><b>-tabletitle1-</b></h2>
<div class="post-table">
<table>
<thead></thead>
<tbody>
<tr><td><b>-keyattributes1-</b></td><td data-label="-keyattributes1-"></td><td>-keyvalue1-</td><td data-label="-keyvalue1-"></td></tr>
<tr><td><b>-keyattributes2-</b></td><td data-label="-keyattributes2-"></td><td>-keyvalue2-</td><td data-label="-keyvalue2-"></td></tr> -keyattributesvalue3- -keyattributesvalue4- -keyattributesvalue5- -keyattributesvalue6- -keyattributesvalue7- -keyattributesvalue8- -keyattributesvalue9- -keyattributesvalue10- -keyattributesvalue11- -keyattributesvalue12-
</tbody>
</table>
</div>
<!-- ============= END SPECIFICATION TABLE 1 ================= -->
<!-- ============= SPECIFICATION TABLE 2 ================= -->
<h2 class='tabletitle1'><b>-tabletitle1-</b></h2>
<div class="post-table">
<table>
<thead></thead>
<tbody>
<tr><td><b>-camattributes1-</b></td><td data-label="-camattributes1-"></td><td>-camvalue1-</td><td data-label="-value1-"></td></tr>
<tr><td><b>-camattributes2-</b></td><td data-label="-camattributes2-"></td><td>-camvalue2-</td><td data-label="-value2-"></td></tr> -camattributesvalue3- -camattributesvalue4- -camattributesvalue5- -camattributesvalue6- -camattributesvalue7- -camattributesvalue8- -camattributesvalue9- -camattributesvalue10- -camattributesvalue11- -camattributesvalue12-
</tbody>
</table>
</div>
<!-- ============= END SPECIFICATION TABLE 2 ================= -->
<div class="clear"/>
<!-- ============= IMPORTANT LINK ================= -->
-deskripsi-
<!-- ============= PRODUCT DESCRIPTION ================= -->
</div>
</div>
</div>