Pricing Plan:

This section is used to display a plan for a service provided with all the features and informations.


Available Options:

  • Pricing plan with features and description.

Pricing plan with features and description:

Output:

Darkout Jekyll

$59

One-off

Take Darkout theme to next Level with customizability and flexibility

Get Started

Top Features

  • All Darkout Features
  • 20+ Modules and Blocks
  • Access to support forum
  • Extensive Training
  • Unlimited Website Usage
Read More

best value

Startup Bundle

$969

per year

All essentials you need to super-charge your startup

Get Started

Product Bundle

  • All Jekyll Features
  • One-to-One support
  • Bug fixing
  • Feature updates
  • Unlimited Website Usage
Read more

popular

Agency Bundle

$1249

per year

A complete product bundle to grow your agency business

Get Started

Product Bundle

  • All Jekyll Pro Features
  • 55+ Agency Starter Sites
  • One-to-One Support
  • Extensive Training
  • Unlimited Website Usage
Read more

Code:


<div class="darkout-section">
{% include do-pricing-plans.html tag="pricing" %}
</div>


How to add content:

  • Step1: Navigate to the data file for pricing plan in _data > do-pricing-plans.yml
  • Step2: Add content to the data file as shown in the below example.
- title: Darkout Jekyll  # Use title here
  ribbon-text:  # Use ribbon-text here
  discription: Take Darkout theme to next Level with customizability and flexibility  # Provide discription for the title
  price: $59  # Use price here
  time-period: One-off  # Use Time period for the pricing value
  button-text: Get Started  # Use name for the button
  button-link: "#"  # Use Link for the button here
  feature-title: Top Features  # Use text for the feature-title
  features:
    - option: All Darkout Features  # Use services for the product
    - option: 20+ Modules and Blocks  # Use services for the product
    - option: Access to support forum  # Use services for the product
    - option: Extensive Training  # Use services for the product
    - option: Unlimited Website Usage  # Use services for the product
  read-more-text: Read More  # Use read more button here
  read-more-link: "#"  #Use read more button Link here
  tags: pricing # Use tag here
  • Step3: In the data file tags is a mandatory value. Without using tags pricing plans will not be displayed.

How to add in page:

  • Step1: Add pricing plan to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-pricing-plans.html tag="pricing" %}</div>

  • Attributes:

    • Tag:
      • Tag is a mandatory attribute without using tag pricing plans will not be displayed. (Mandatory)
    • Class: Use additional class here as include variable.