Showing posts with label Flex-UI. Show all posts
Showing posts with label Flex-UI. Show all posts

ATG 10 BCC Merchandising Customisation - ToolBar

ATG 10 BCC Merchandising Customisation

Adding toolbar scope to both Browse and Find view.
Follow the below mentioned Steps.
Step 1:  Override the MerchandisingToolbar file.
Path: /config/atg/remote/commerce/toolbar/
 
Add the following content to file.
 
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE browse-hierarchy
  PUBLIC "-//Art Technology Group, Inc.//DTD Asset Manager Browse Hierarchy//EN"
  'http://www.atg.com/dtds/toolbar/toolbar_1.0.dtd'>

<toolbar xml-combine="append">
    <operation-menu id="authorBrowseOpMenu">
      <toolbar-scope asset-area="author" pane-id="browse"/>
      <operation-menu-item id="edit" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="duplicate" />
      <operation-menu-item id="delete" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="addToProject" />
      <operation-menu-item id="export" />
    </operation-menu>
    <operation-menu id="authorFindOpMenu">
      <toolbar-scope asset-area="author" pane-id="find"/>
      <operation-menu-item id="edit" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="duplicate" />
      <operation-menu-item id="delete" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="addToProject" />
      <operation-menu-item id="export" />
    </operation-menu>
   
    <operation-menu id="bookBrowseOpMenu">
      <toolbar-scope asset-area="book" pane-id="browse"/>
      <operation-menu-item id="edit" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="duplicate" />
      <operation-menu-item id="delete" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="addToProject" />
      <operation-menu-item id="export" />
    </operation-menu>
    <operation-menu id="bookFindOpMenu">
      <toolbar-scope asset-area="book" pane-id="find"/>
      <operation-menu-item id="edit" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="duplicate" />
      <operation-menu-item id="delete" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="addToProject" />
      <operation-menu-item id="export" />
    </operation-menu>
   
    <operation-menu id="addressBrowseOpMenu">
      <toolbar-scope asset-area="address" pane-id="browse"/>
      <operation-menu-item id="edit" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="duplicate" />
      <operation-menu-item id="delete" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="addToProject" />
      <operation-menu-item id="export" />
    </operation-menu>
    <operation-menu id="addressFindOpMenu">
      <toolbar-scope asset-area="address" pane-id="find"/>
      <operation-menu-item id="edit" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="duplicate" />
      <operation-menu-item id="delete" />
      <operation-menu-item divider="true" />
      <operation-menu-item id="addToProject" />
      <operation-menu-item id="export" />
    </operation-menu>
</toolbar> 
BCC screens would look like below.
Toolbar
 

ATG 10 BCC Merchandising Customisation - Find

ATG 10 BCC Merchandising Customisation

We will add the dropdown options to Find Mode of ATG 10 BCC Merchandising.
Follow the below mentioned Steps.
Step 1:  Override the MerchandisingFindConfiguration file.
Path: /config/atg/remote/commerce/find/
Add the following content to file.
<?xml version="1.0" encoding="UTF-8"?>
<find-configuration>
<asset-family id="library" site-filtering="true">
    <display-name>Library</display-name>
    <enable-default-query>true</enable-default-query>
    <enable-filter-as-you-type>true</enable-filter-as-you-type>
    <result-list page-size="100"/>
    <default-asset-type>author</default-asset-type>

            <asset-type id="author" site-filtering="true">
              <enable-default-query>true</enable-default-query>
              <enable-filter-as-you-type>true</enable-filter-as-you-type>
              <repository-path>/my/Library</repository-path>
              <repository-item-type>author</repository-item-type>
            </asset-type>

            <asset-type id="book" site-filtering="true">
              <enable-default-query>true</enable-default-query>
              <enable-filter-as-you-type>true</enable-filter-as-you-type>
              <repository-path>/my/Library</repository-path>
              <repository-item-type>book</repository-item-type>
            </asset-type>

  </asset-family>
 
<asset-family id="address" site-filtering="true">
    <display-name>Address</display-name>
    <enable-default-query>true</enable-default-query>
    <enable-filter-as-you-type>true</enable-filter-as-you-type>
    <result-list page-size="100"/>
    <default-asset-type>address</default-asset-type>

            <asset-type id="address" site-filtering="true">
              <enable-default-query>true</enable-default-query>
              <enable-filter-as-you-type>true</enable-filter-as-you-type>
              <repository-path>/my/Address</repository-path>
              <repository-item-type>address</repository-item-type>
            </asset-type>
</asset-family>

</find-configuration>
 
BCC screen would look below.
Primary Dropdown
Secondary Dropdown

ATG 10 BCC Merchandising Customisation - Browse

ATG 10 BCC Merchandising Customisation

Atg 10 BCC comes with FLEX-UI components to Merchandising Screens. We will go through, how to add custom repository to Merchandising workflows. 

Follow the below mentioned Steps.

Step 1:  Override the MerchandisingBrowseHierarchy file.

Path: /config/atg/remote/commerce/browse/ 

Add the following Content to file.

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE browse-hierarchy
  PUBLIC "-//Art Technology Group, Inc.//DTD Asset Manager Browse Hierarchy//EN"
  'http://www.atg.com/dtds/browse-hierarchy/browse-hierarchy_1.0.dtd'>

<browse-hierarchy xml-combine="append">

<!-- Adding Custom Browse to Home -->
  <browse-item id="home" xml-combine="append">
      <browse-item reference-id="library"/>
    <browse-item reference-id="address"/>
  </browse-item>
 
  <!-- The Library Home-->
    <browse-item id="library" label="Library" is-root="true" icon-resource="node.priceLists.iconSmall">
        <browse-item reference-id="author"/>
        <browse-item reference-id="book"/>
    </browse-item>

            <!-- The Author -->
            <browse-item id="author" label="Authors" is-root="false" icon-resource="node.priceLists.iconSmall" show-count="true">
                <list-definition id="allauthor" retriever="query" child-type="/my/Library:author">
                    <retriever-parameter name="query" value="ALL" />
                </list-definition>
            </browse-item>
           
            <!-- The Books -->
            <browse-item id="book" label="Books" is-root="false" icon-resource="node.priceLists.iconSmall" show-count="true">
                <list-definition id="allbook" retriever="query" child-type="/my/Library:book">
                    <retriever-parameter name="query" value="ALL" />
                </list-definition>
            </browse-item>
   
    <!-- The Address -->
    <browse-item id="address" label="Address" is-root="true" icon-resource="node.priceLists.iconSmall">
         <list-definition id="alladdress" retriever="query" child-type="/my/Address:address">
              <retriever-parameter name="query" value="ALL" />
         </list-definition>
  </browse-item>
</browse-hierarchy>

BCC screens looks like below.


BCC HomePage

Library Home