WooCommerce Product Add-Ons

Plugin Installation

2. Once you are on the plugins page, click on the Add New button at the top.

3. Click on Upload Plugin button.

4. Click on Browse Button then select your ibtana-visual-editor.zip theme and click on install now button.

Congratulations!! Your plugin have been successfully installed.

2-Install a Plugin using FTP

Your second installation option is to upload the plugin via FTP. For this method first log into your site via FTP and browse to your folder located at wp-content/plugins. Unzip the plugin file you downloaded and upload only the extracted Total folder to your server.

Next log into your WordPress site and navigate to Plugins to activate plugin.

Plugin Actication Process

Follow the below steps to activate plugin:-

---

2. Go to Dashboard >> Ibtana Setting >> License

Here add your registered email, order id and license key. As you will purchase the product, an email will be sent to you where you will get your license key.

Once you have done that, to save the settings click on Acticate License and now you are good to go.

                            
1. Add below given funtion to theme's funtion.php .
  function pro_setup() {
    add_theme_support( 'align-wide' );
  }
  add_action( 'after_setup_theme', 'pro_setup' );

                            
2. Add below given css to theme's style.css .
  .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
    width: 100vw;
  }
  .alignfull img {
    width: 100vw;
  }

                        

Plugin Setup

1. Add To Cart

In order to Add To Cart, follow the below steps.

Custom Add to Cart Button is a simple to customize your store’s add to cart buttons. It makes it easy to change the ‘Add to cart’ button text color,Quantity text color.

Check Below given screenshot for Quantity Settings. In which you will find border color,Quantity text color,Quantity background color.

Check Below given screenshot for Add To Cart button Settings. In which you will find button border setting,text color setting,button background setting,Font settings.

It will appear like this on the front end.

---

2. Product Images

In order to Product Images, follow the below steps.

The WooCommerce product image is the most necessary feature for your site. The more you can show your product details to your customers more you can get conversions. Product Image for Woocommerce allows you to magnify product images and set zooming features easily and quickly.

To setup a product image also add Image gallery,then add gallery image position setting.

It will appear like this on the front end.

3. Product Price

In order to Product Price, follow the below steps.

The plugin detects product price and display the currency and price.when you have defined during create product.price is the money that customers must pay for a product or service. In other words, price is an offer to sell for a certain amount of currency.

It will appear like this on the front end.

4. Product Rating

In order to Product Rating, follow the below steps.

Product ratings help influence your customers' buyer behavior by showing them the right information at a pivotal time in their search, so they feel confident enough in your brand to click through to your site and follow through with their purchase.

It will appear like this on the front end.

---

5.Product Review

To use Product Review, follow the below steps.

Product reviews allows you to add a customer review feature to your products. This provides a way for your customers to engage with you, as well as each other to encourage sales.

It will appear like this on the front end.