Monthly Archives: August 2020

Custom Age Verification Example

To integrate the custom verification popup, first copy the Layout html and paste in the field Custom layout and copy the Required CSS and paste in the field Custom CSS

Example -1

Required Layout

<div class="rps-wrapper">
<div class="rps-title">{title}</div>
<div class="rps-description">{description}</div>
<div class="rps-form">{form}</div>
<div class="rps-action">{close}{submit}</div>
</div>

Required CSS

.rps-wrapper {
    padding: 20px;
}
.rps-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
}
.rps-action {
    margin: 10px auto;
    text-align: center;
}
.rps-action button {
    padding: 10px 50px;
    margin-right: 5px;
    font-size: 15px;
    text-transform: uppercase;
    outline: 0;
}
button.rps-action.rps-no {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
}
button.rps-action.rps-yes {
    background: #68bb40;
    color: #fff;
    border: 1px solid #3da20d;
    outline: 0;
}

Example -2

Please must enter Popup width to 680 and Popup Max Height to 0 for this layout

Required Layout

<div class="rps-wrapper">
    <img src="https://opencartmart.com/image/rps.jpg" />
     <div class="rps-info">
        <div class="rps-title">{title}</div>
        <div class="rps-description">{description}</div>
        <div class="rps-form">{form}</div>
       <div class="rps-action">{close}{submit}</div>
     </div>
</div>

Required CSS

.rps-wrapper {
    padding: 20px;
}
.rps-wrapper img {
    width: 300px;
    float: left;
    height: 300px;
}
.rps-info {
    width: 48%;
    float: left;
    margin-left: 15px;
}
.rps-title {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
}
.rps-action {
    margin: 10px auto;
    text-align: center;
}
.rps-action button {
    padding: 10px 40px;
    margin-right: 5px;
    font-size: 15px;
    text-transform: uppercase;
    outline: 0;
}
button.rps-action.rps-no {
    background: #dcdcdc;
    border: 1px solid #dcdcdc;
}
button.rps-action.rps-yes {
    background: #68bb40;
    color: #fff;
    border: 1px solid #3da20d;
    outline: 0;
}
@media only screen and (max-width: 768px) {
    .rps-wrapper img {
        width: 100%;
        float: none;
        height: auto;
    }
    .rps-info {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 15px;
    }
}

Example – 3

Required Layout

<div class="rps-wrapper">
<div class="rps-title">{title}</div>
<div class="rps-description">{description}</div>
<div class="rps-action">{close}{submit}</div>
</div>

Required CSS


.ocm-popup-body {
    background: rgb(10 10 10 / 70%) !important;
}
.ocm-popup-wrapper {
   background: rgba(0, 0, 0, 0.1) !important;
}
.rps-wrapper {
    padding: 20px;
}
.rps-title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 15px;
}
.rps-description {
    font-size: 14px;
    color: #eaeaea;
}
.rps-action {
    text-align: center;
   margin: 15px 0px 5px 0px;
}
.rps-action button {
    padding: 10px 50px;
    margin-right: 5px;
    font-size: 15px;
    text-transform: uppercase;
    outline: 0;
     color: #fff;
}
button.rps-action.rps-no {
    background: #dc1010;
    border: 1px solid #dc1010;
}
button.rps-action.rps-yes {
    background: #68bb40;
    border: 1px solid #3da20d;
    outline: 0;
}

Creating Complex Discount using X-Feepro Equation

Buy two and get third one free.

  • In the price-setting tab, Select the Fee/Discount By to Quantity
  • Now add a quantity range as follows as like the screenshot

  • On the Final Equation field, please enter following equation

-({subTotalAsPerProductRule}/{quantityAsPerProductRule}) * {noOfBlock}

That’s all

Buy two at a fixed cost of $100

  • In the price-setting tab, Select the Fee/Discount By to Quantity
  • Now add a quantity range as follows as like the screenshot
  • On the Final Equation field, please enter following equation

{noOfBlock} * 100 – {blockPriceAsc}

That’s all

Examples of X-Combination

Example 1: Buy two and get one free to specific Categories

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose the applicable categories
  3. Enter The number of purchases required of a product to 2

That’s all.


Attention

The number of purchases required of a product represents the minimum quantity of a single product that is required to purchase to avail offer. For example, if you enter The number of purchases required of a product to 2, that indicates the minimum quantity of a particular product is 2. It does NOT mean any two items out of any products of the given categories. Please check example 2 that is different than example 1 .

Example 2: Buy ANY two from category A and get one free

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose category A and Enter The number of purchases required of a product to 1
  3. In the Product Combination tab, click the Add Category button and choose category A and Enter The number of purchases required of a product to 1
  4. Under the Offer Products tab, Enter Number of offer products to 1
  5. Under the Offer Products tab, define the offers products you want to pick out one of them. To add Offer products, simply click the button Add offer products and choose the applicable products.

That’s all.

Note: Please check the step 2 and 3, I have added the same steps twice that indicate one item of any product of Category A and another item of any products of category A as well. So it will give the freedom to customers to pick any two items from any number of products of category A.

Example 3: Buy two from category A or B and get one free

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose category A, B and Enter The number of purchases required of a product to 2
  3. Under the Offer Products tab, enter Number of offer products to 1
  4. Under the Offer Products tab, define the offers products you want to pick out one of them. To add Offer products, simply click the button Add offer products , and choose the applicable products.

That’s all.

Note: This indicates the offer is valid to the products of category A and B. The minimum purchase required of each product is 2.

Example 4: Buy ANY two from category A or B and get one free

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose category A, B and Enter The number of purchases required of a product to 1
  3. In the Product Combination tab, click the Add Category button and choose category A, B and Enter The number of purchases required of a product to 1
  4. Under the Offer Products tab, enter Number of offer products to 1
  5. Under the Offer Products tab, define the offers products you want to pick out one of them. To add Offer products, simply click the button Add offer products , and choose the applicable products.

That’s all.
[Similar to example 2]

Example 5: Buy one from category A and two from category B and get one discounted products.

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose category A and Enter The number of purchases required of a product to 1
  3. In the Product Combination tab, click the Add Category button and choose category B and Enter The number of purchases required of a product to 2
  4. Under the Offer Products tab, enter Number of offer products to 1
  5. Under the Offer Products tab, define the offers products you want to pick out one of them. To add Offer products, simply click the button Add offer products , and choose. Finally, adjust the discount amount you want to offer.

Example 6: Buy two and get 50% discount of one product to specific Categories

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose the applicable categories
  3. Enter The number of purchases required of a product to 2
  4. Under the Offer Products tab, Enter discount amount to 50%

That’s all.

Example 7: Buy One and get two free to specific Categories

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose the applicable categories
  3. Enter The number of purchases required of a product to 1
  4. Under the Offer Products tab, enter Number of offer products to 2

That’s all.

Example 8: Buy two from category A and pick a gift products from X, Y and Z

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose the category A
  3. Enter The number of purchases required of a product to 2
  4. Under the Offer Products tab, enter Number of offer products to 1
  5. Under the Offer Products tab, pick Select offer products type to Define offer products.
  6. Then click the Add offer Products button and choose the products X, Y, and Z.
  7. Finally, you can adjust the discount amount in percentage or a flat amount for each offered product.

That’s all.

Example 9: Buy One from category A and One from Brand B and pick a gift product from X, Y, and Z

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose the category A and Enter The number of purchases required of a product to 2
  3. In the Product Combination tab, click the Add Manufacturer button and choose the manufacturer B and Enter The number of purchases required of a product to 2
  4. Under the Offer Products tab, enter Number of offer products to 1
  5. Under the Offer Products tab, pick Select offer products type to Define offer products.
  6. Then click the Add offer Products button and choose the products X, Y, and Z.
  7. Finally, you can adjust the discount amount in percentage or a flat amount for each offered product.

That’s all.

Example 10: Buy two of a product regardless of the options, get one free.

  1. Create a new combination
  2. In the Product Combination tab, click the Add Product button and choose the applicable Products and Enter The number of purchases required of a product to 1
  3. In the Product Combination tab, click the Add Product button and choose the same products you’ve chosen above and Enter The number of purchases required of a product to 1
  4. Under the Offer Products tab, enter Number of offer products to 1
  5. Under the Offer Products tab, pick Select offer products type to Same as the purchased products.

That’s all.

Example 11: Buy two Large Pizza, get one Small pizza free.

Note: Large and Small represent the OC options

  1. Create a new combination
  2. In the Product Combination tab, click the Add Category button and choose the category Pizza and Enter The number of purchases required of a product to 1
  3. In the Product Combination tab, click the Add Category button and choose the category Pizza and Enter The number of purchases required of a product to 1
  4. In the Product Combination tab, click the Add Option button and choose the options Large and Enter The number of purchases required of a product to 0
  5. Under the Offer Products tab, enter Number of offer products to 1
  6. Under the Offer Products tab, pick the Select offer products type to Same as the purchased products.
  7. Under the the Offer Products tab, select the Discount on option price to Discount on some option price. Then choose the option Small

Note: Step 2 and Step 3 ensures the number of purchase required is two and it could be any two items from the category Pizza. The step-3 will make sure that the product must have option `Large`. We don’t need to provide any quantity here.

That’s all.