Как добавить кнопки на витрину моего магазина Spartacus?

Я пытаюсь добавить кнопки на витрину своего магазина «Спартак».

Проблема, которая мешает мне продвигаться вперед, заключается в следующем:

1) Если я создаю новый угловой компонент кнопки, используя Angular, следует ли его упоминать внутри тега или за его пределами?

2) Следует ли его рендерить иначе, чем в первом?


spartacus-storefront hybris
person Rachit    schedule 27.05.2019    source источник
comment
Пожалуйста, более подробно опишите, чего вы хотите достичь. Какова целевая функция вашей кнопки? Где вы хотите его разместить?   -  person dunqan    schedule 25.07.2019

Ответы (2)


arrow_upward
1
arrow_downward

Ознакомьтесь с этим репо и соответствующим stackblitz проект. Самый простой способ добавить новые кнопки - это разместить их по отношению к существующему стандартному компоненту с помощью выходов. По сути, вы можете сделать что-то вроде следующего, поместив новый угловой компонент app-custom-component перед ExistingComponent.

<ng-template cxOutletRef="ExistingComponent" cxOutletPos="before">
  <app-custom-component></app-custom-component>
</ng-template>

person MacNutter    schedule 18.09.2019

arrow_upward
0
arrow_downward

Можете ли вы более четко описать проблему? Насколько я понял, вы ищете код ниже. Для кода проверьте эту ссылку Страница продукта" Спартак "

<div class="row">
  <div class="col-md-6">
    <button
      class="btn btn-block btn-action"
      (click)="addAddressButtonHandle()"
    >
      {{ 'addressBook.addNewAddress' | cxTranslate }}
    </button>
  </div>
</div>

person sgrpwr    schedule 13.09.2019