# Shipping Details

## Overview

This is a fully-responsive module that includes common UI components for adding a shipping address and selecting a delivery method.

## Structure

* When this module is added to a page, it is placed within a group called `Group page860Group` . This group contains the responsive settings for all modules.
* This module `Group shippingDetails` contains three main groups:
  * `Group Header` contains the title text and a hidden description text
  * `Group Collapsible content - shipping` contains five components
    * `Group selected shipping` is used to display the selected shipping address. Clicking on the `CHANGE button` will toggle `Group enter shipping`.
    * `Group enter shipping` includes a form that will allow you to enter a new shipping address. Clicking the `SAVE button` or `CANCEL button` will hide this form group.
    * All shipping methods will be displayed in `RepeatingGroup Dummy` 
    * `Group Buttons` contains a `BACK` and `NEXT button`
    * `Group PLACEHOLDER`  - If you add more elements to the group, please resize this group and ensure it is not overlapping with any other elements.
  * `Group MAIN PLACEHOLDER` - Please resize this group if you add more elements to the group

## How to set up

* Update all text elements in the module.
* Add workflows to `Button CHANGE`, `Button SAVE`, `Button CANCEL`, `Button NEXT`, and `Button BACK`.
* Update the data source of `RepeatingGroup Dummy` and update the image and text elements to reference current cell's data. Add workflow to `Group Dummy Select`.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.airdev.co/canvas-pages-and-modules/2.0.0/modules/shipping-details.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.