Custom hook

Custom module hook

You can display the module in any position in the product page by using the custom hook.

{hook h='TextDesigner'}

You can put this code in the product.tpl that comes with your theme

Path:

/themes/[current theme]/templates/catalog/product.tpl

Custom button hook

You can display the customize button in any position in the product page by using the custom hook.

{hook h='TextDesignerCustomizeButton'}

You can put this code in the product.tpl that comes with your theme

Path:

/themes/[current theme]/templates/catalog/product.tpl

Or other template files such as

/themes/[current theme]/templates/catalog/_partials/product-add-to-cart.tpl

TIP

You may want to unhook the module from displayProductAdditionalInfo to avoid displaying the module button twice.

Custom button

You can add a custom button anywhere you like, here's a html example. Make sure that the button has the class tsn-customize

<button type="button" class="btn btn-primary tsn-customize">
  Customize your product!
</button>