# Design Direction

### How to Adjust Shape Direction in AppSections

The "Shape Direction" setting in AppSections allows you to define the orientation of the shape for media, buttons, and groups. This setting provides flexibility in customizing the appearance of your elements by orienting the shapes according to the context of the layout, enhancing the overall visual appeal and consistency with your brand style. Here is how you can adjust the shape direction:

### **Shape Direction**

**Purpose:** This setting allows you to choose the orientation of the shape applied to an element (media, buttons, or groups) from pre-defined options in the brand style. **Usage:** Select from five options to set the desired shape orientation.

### Shape Direction Options

1. **Inherit:** Applies the Shape Standard Direction defined in the active brand style.
2. **Top:** Applies the shape with an orientation towards the top.
3. **Right:** Applies the shape with an orientation towards the right.
4. **Bottom:** Applies the shape with an orientation towards the bottom.
5. **Left:** Applies the shape with an orientation towards the left.

### Steps to Adjust Shape Direction

1. **Select the Block/Group/Button:**
   * Open your Shopify theme editor.
   * Navigate to the specific block, group, or button where you want to adjust the shape direction.
2. **Locate the Shape Direction Setting:**
   * In the settings for the block, group, or button, find the **Shape Direction** option.
3. **Select Shape Direction Option:**
   * Choose one of the five options based on your design preferences:
     * **Inherit:** To apply the Shape Standard Direction from the brand style.
     * **Top:** To orient the shape towards the top.
     * **Right:** To orient the shape towards the right.
     * **Bottom:** To orient the shape towards the bottom.
     * **Left:** To orient the shape towards the left.

### Ensuring the Right Shape Direction

1. **Preview Changes:**
   * After selecting a shape direction, preview your store to see how the changes look.
   * Check the block, group, or button to ensure the shape direction is applied correctly and enhances the visual appeal.
2. **Check Consistency:**
   * Ensure that the shape direction aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.
3. **Test Across Devices:**
   * Verify the shape direction on different devices to ensure it looks good and maintains visual appeal on all screen sizes.

### Summary

By using the "Shape Direction" setting in AppSections, you can customize the orientation of the shapes for your media, buttons, and groups in your Shopify store. This flexibility allows you to enhance the visual appeal and consistency of your components, ensuring a dynamic and engaging user experience across all devices.

If you have any questions or need further assistance, please contact our customer support team.


---

# 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.appsections.com/settings/design-shapes/sections-blocks/design-direction.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.