> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.stylishcostcalculator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Important: Understanding the math of a slider, sections vs subsections

# ${color}[#314AF3](Introduction)

There are a few ways to use a slider, but there are 2 main ways.

1. Use it as a stand-alone slider and give it a price per unit. 
2. Use it as an element (product/service) multiplier, and set the price of the slider to 0.

[Read more here about the slider element.](https://help.stylishcostcalculator.com/en/article/element-slider-1pim5ug/)

---

# ${color}[#314AF3](Sections and Subsections)

### Understanding Sections and Subsections

When creating forms in the Stylish Cost Calculator, it’s important to understand the roles of sections and subsections. Both serve unique purposes and help organize your forms effectively.


![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/infographics-anatomy-of-a-cost_z82b4z.png)


### Sections
![](https://storage.crisp.chat/users/helpdesk/website/a29173c4458e1000/29581a54-d47d-402c-981b-16c4cf_15lltwx.png)

###### Purpose:
Sections are used to control the steps in a multi-step form and manage the titles displayed on the frontend and the invoice.

###### Functionality:
* [Multi-Step Forms](/en/article/multi-step-form-a-complete-guide-1xcoyhe/): Sections allow you to break down your form into multiple steps, making it easier for users to complete complex forms by guiding them through a step-by-step process.
![](https://storage.crisp.chat/users/helpdesk/website/e2ebd089c62f7000/ed82b3e0-6392-46a5-a2ab-a28aa5_62ttuj.png)
* Titles: The titles of each section are displayed on the frontend, providing clear labels and organization. These titles also appear on the invoice, helping to categorize the charges for the customer.
![](https://storage.crisp.chat/users/helpdesk/website/d254aa2ebc720800/33330351-77b7-4e70-969c-04698e_1cluh8x.png)

#### Use Cases:
* For example, a wedding planner form might have separate sections for "Ceremony Details," "Reception Details," and "Additional Services," each guiding the user through different parts of the form.

---

### Subsections

* **Purpose**: Subsections are designed to control the subtotal of a group of related services and the impact a slider has on the quantity of elements within the same subsection.
![](https://storage.crisp.chat/users/helpdesk/website/efc2e4d4c2123000/a785e89f-06f7-433d-bf5e-e5ecdb_pq2nx0.png)

* **Functionality**:
  * **Subtotals**: Subsections calculate the subtotal for a group of related items, providing a clear breakdown of costs for the customer.
  * **Slider Integration**: Subsections are particularly useful for implementing sliders that act as quantity multipliers. You can only have one slider per subsection, and the main purpose of a subsection is to manage how the slider affects the elements inside it.

![](https://storage.crisp.chat/users/helpdesk/website/385a63858d517200/bb21f723-0e96-4e52-aa56-390f67_18f25jz.png)

* **Use Case**: For example, in a car rental form, you might have a subsection for "Rental Duration" where a slider controls the number of rental days, affecting the cost of related add-ons like GPS or child seats.

By effectively using sections and subsections, you can create well-organized, user-friendly forms that provide clear and accurate pricing information, improving the overall customer experience.

---

# ${color}[#314AF3](How to Activate & Use This Feature)

### Standalone Slider

![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_19dkupn.png)

### Element Quantity Modifier

![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_1asgaqa.png)

---

# ${color}[#314AF3](Additional Information)

### All Elements & Features
  
Learn more about [All Elements](/en/category/elements-hnffz2/) 
Learn more about [All Features](/en/category/features-22x2mc/)   
 
#### Need Support? 
  
Ask a [question or request support](https://stylishcostcalculator.com/support/)  
Request [a feature or give feedback](https://stylishcostcalculator.com/how-can-we-be-better/)

[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508157/original/Txm2CafyMfEybziVGXvw-BnfU2V-9TJUBg.png?1666381303)](https://stylishcostcalculator.com/features/)


[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508158/original/DWBiVRBRBPATUwVN7APXzDACQgYCwYmXVQ.png?1666381303)](https://stylishcostcalculator.com/templates/)