Base/CatalogPage.html at master · AmeriCommerce/Base · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<ac:pagelayout id="CatalogPage" pagingtype="NumberedPageLinks">
  <ac:widgetarea id="Top">
</ac:widgetarea>

  <div class="page-header">
    <h1>Catalog</h1>
  </div>
  <p>
    Use this page to order multiple items at once by entering the quantity you want for each item and adding them all to the cart.
  </p>

  <div class="CatalogAddToCartButton">
    $$TOPPAGEADDTOCARTBUTTON$$
  </div>
  <ac:visibilityarea id="TopNavigationArea">
    <div class="clearfix pad-20 no-pad-lr">
      <div class="in-block v-mid pad-r-20 pad-t-5">$$PRODUCTCOUNTTOP$$</div>
      <div class="in-block v-mid pad-r-20">$$SORTBYDROPDOWN$$</div>
      <div class="in-block v-mid pad-r-20">$$NUMBERPERPAGEDROPDOWNLABEL$$ $$SHOWBYPAGESIZE$$</div>
      <div class="f-right pad-t-5">$$PRODUCTLISTPAGENAVIGATIONTOP$$</div>
    </div>
  </ac:visibilityarea>

  <div class="media-list">
    <ac:layoutarea id="ProductList">
      <ac:visibilityarea id="CategoryTrailArea">
        <div class="CatalogCategoryTrail breadcrumb" id="dvCategoryTrail">
          $$CATEGORYTRAIL$$
        </div>
      </ac:visibilityarea>
      <div class="pad-20">
        <div class="media">
          <div class="pull-left">
            <img src="/resize##ITEMPHOTOURL##?bw=75&lr=t" onerror="$(this).remove()">
          </div>
          <div class="media-body">
            <div class="CatalogProductName h4 pad-b-10">
              $$PRODUCTLINK$$
              <span class="CatalogProductMfgName text-muted size-small">
                - $$MANUFACTURERLINK$$
              </span>
            </div>
            <div class="CatalogItemQuantityBox in-block v-mid">
              $$QUANTITYBOX$$
            </div>

            <div class="CatalogItemPriceArea in-block v-mid">
              $$PRICE$$
            </div>
            <p>
              ##TRIM[250]## ##LONGDESCRIPTION1## ##ENDTRIM##
            </p>
          </div>
        </div>
      </div>
    </ac:layoutarea>
  </div>
  <ac:visibilityarea id="BottomNavigationArea">
    <div class="clearfix pad-20 no-pad-lr">
      <div class="f-left pad-r-20 pad-t-10">$$PRODUCTCOUNTTOP$$</div>
      <div class="f-left pad-r-20">$$SORTBYDROPDOWN$$</div>
      <div class="f-left pad-r-20">$$NUMBERPERPAGEDROPDOWNLABEL$$ $$SHOWBYPAGESIZE$$</div>
      <div class="f-right pad-t-10">$$PRODUCTLISTPAGENAVIGATIONTOP$$</div>
    </div>
  </ac:visibilityarea>


  <div class="CatalogAddToCartButton">
    $$BOTTOMPAGEADDTOCARTBUTTON$$
  </div>

  <ac:widgetarea id="Bottom">
</ac:widgetarea>
</ac:pagelayout>