Click-to-Call links appear on many Commerce Reference Store pages, including product detail pages, the order history page, the shopping cart page, and the Contact Us page. Different pages are configured to use different images as link icons.
Links are associated with <div>
elements, which are inserted in Commerce Reference Store pages by the store.war/navigation/gadgets/clickToCallLink.jsp
gadget:
<dsp:page> <dsp:importbean bean="/atg/dynamo/droplet/ComponentExists"/> <%-- If the Click To Call feature is disabled, this entire div can be safely bypassed. We can test if Click To Call is installed by the existence of the clicktoconnect Configuration component. --%> <dsp:droplet name="ComponentExists" path="/atg/clicktoconnect/Configuration"> <dsp:oparam name="true"> <%-- In order to display the ClickToCall button we need to add an anchor in the place we want the ClickToCall button to be rendered. This anchor is the HTML div below. Its id attribute must match the 'Relative to Layer ID' property of the WebCare link --%> <dsp:getvalueof var="pageName" param="pageName"/> <div id="atg_store_c2c_${pageName}"> </div> </dsp:oparam> </dsp:droplet> </dsp:page>
This gadget checks for the existence of the /atg/clicktoconnect/Configuration
component. This component is part of the ClickToConnect
module, which is automatically included in the assembled EAR file when you specify the DCS.ClickToConnect
module. If the component exists, the gadget renders the <div>
element and sets the id
attribute to a value that indicates the page it appears on.
For example, on the Contact Us page, this code renders:
<div id="atg_store_c2c_contactUs"> </div>
When the Click-to-Call link is created, the <div>
id
is used to look up the link and its attributes in WebCare.