Question

我创建了一个边缘动画，现在我正在尝试将其添加到CS CART ......有没有人之前做过这个？我需要知道将每个文件放在哪里以便显示。

由于

Answer 1

我发现了如何做到这一点，现在它在下面。

1 - 将所有图像上传到images目录。只需将它们放在目录中，而不是

中的子文件夹

2 - 将您的YOURPROJECT_EDGE.JS文件上传到商店的根目录（public_html目录）

3 - 转到.... / design / themes / responsive / templates / index.tpl

4 - 在这里你需要在标签之间添加内容

您需要将其放在{if} {/ if}块之间，以便它只适用于您想要的页面。您需要将内容包装在文字标签中。我的例子在下面

{if $page.page_id == 33}
<!--Adobe Edge Runtime-->
    {literal}<script type="text/javascript" charset="utf-8" src="design/themes/responsive/templates/addons/my_changes/hooks/pages/js/edge_includes/edge.6.0.0.min.js"></script>
    <style>
        .edgeLoad-EDGE { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('XXXXXXX', 'XXXXXXXX', {
    scaleToFit: "width",
    centerStage: "horizontal",
    minW: "0px",
    maxW: "1500px",
    width: "1000px",
    height: "2500px"
}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","1000px","2500px"],"fill":["rgba(255,255,255,1)"]}},"dom":{}}, {"dom":{}});
</script>{/literal}
<!--Adobe Edge Runtime End-->
{/if}

6 - 完成此操作后，转到design / themes / responsive / templates / addons / my_changes / hooks / pages /并创建一个名为page_content.override.tpl的页面

7 - 创建一个名为js的文件夹，并在此上传你的edge_includes文件夹，其中包含edge.6.0.0.min.js文件。

8 - 返回page_content.override.tpl并添加包含边项目的div。页面ID需要反映您自己的cs购物车页面的页面ID。

{if $page.page_id == 33}
<style>Any styling here</style>
<div id="Stage" class="EDGE-XXXXXXX"></div>
{hook name="pages:page_content"}{/hook}
{/if}

您还可以在样式标记之间添加任何样式。

确保你清除它并且它应该正常工作。

希望这有助于某人!!!

现在有人如何将边缘动画添加到CS CART中吗？

1 个答案: