# Add a Custom Button in Order Details

**URL:** <https://forum.shopware.com/t/add-a-custom-button-in-order-details/95375>\
**Category:** Shopware 6 (English)\
**Tags:** administration, programming\
**Created:** [20. Juli 2022 um 08:24 UTC](https://forum.shopware.com/t/add-a-custom-button-in-order-details/95375 "2022-07-20T08:24:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bartosz.grzegorzewsk](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@bartosz.grzegorzewsk](https://forum.shopware.com/u/bartosz.grzegorzewsk)\
**Post date:** [20. Juli 2022 um 08:24 UTC](https://forum.shopware.com/t/add-a-custom-button-in-order-details/95375/1 "2022-07-20T08:24:19Z")

</div>

Hey,

I would like to add a Custom button in order details next to Edit button.

I’m struggling to find what module and twig block to override, I’ve been trying to override sw-order-detail module but it doesn’t seem to work. I did not find any other module with Edit button that I could overwrite.

Could anyone point me into the right direction?

---

<div class="post-metadata">

**Author:** ![abdullah](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@abdullah](https://forum.shopware.com/u/abdullah)\
**Post date:** [21. Juli 2022 um 07:09 UTC](https://forum.shopware.com/t/add-a-custom-button-in-order-details/95375/2 "2022-07-21T07:09:39Z")

</div>

the `sw-order-detail` is the right way.  
How did you override the module? Can you show some code?  
Have you imported your module into `main.js` ?

---

<div class="post-metadata">

**Author:** ![bartosz.grzegorzewsk](https://avatars.discourse-cdn.com/v4/letter/b/3ab097/32.png) [@bartosz.grzegorzewsk](https://forum.shopware.com/u/bartosz.grzegorzewsk)\
**Post date:** [21. Juli 2022 um 11:02 UTC](https://forum.shopware.com/t/add-a-custom-button-in-order-details/95375/3 "2022-07-21T11:02:12Z")

</div>

Hey,

yes module was imported in main.js then in index.js I’m overwriting module:

```auto
import template from './sw-order-detail.html.twig';

const { Component } = Shopware;

Component.override('sw-order-detail', {
    template
});

```

then in sw-order-detail.html.twig some basic code:

```auto
{% block sw_order_detail_actions_slot_smart_bar_actions %}
    {% parent() %}
        <sw-button
            variant="primary"
        >
            Print
        </sw-button>
{%endblock%}

```

Twig blocks I tried:  
sw\_order\_detail\_actions  
sw\_order\_detail\_actions\_slot\_smart\_bar\_actions  
sw\_order\_detail\_actions\_edit

When I overwrite sw-order-detail-base (and then choose some twig block from base), instead of sw-order-detail, button appears just fine, but I cannot get button to show.

I am installing assets and clearing cache every time i make change and elements in other places appear, so it should here too. I added buttons in many other subpages, just this one does not seem to work, no matter what I do.

---

<div class="post-metadata">

**Author:** ![abdullah](https://avatars.discourse-cdn.com/v4/letter/a/aeb1de/32.png) [@abdullah](https://forum.shopware.com/u/abdullah)\
**Post date:** [21. Juli 2022 um 11:51 UTC](https://forum.shopware.com/t/add-a-custom-button-in-order-details/95375/4 "2022-07-21T11:51:55Z")

</div>

use `{% parent %}` without the brackets.

otherwise it looks ok to me.
