\n <\/td>\n | #<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Author: Balazs Nadasdi <yitsushi@gmail.com> (http://blog.code-infection.com/)<\/span><\/td>\n <\/tr>\n \n <\/td>\n | #<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Outputs a string with a given attribution as a block about a Product Promotion<\/span><\/td>\n <\/tr>\n \n <\/td>\n | #<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # {% product_promo_box %}<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Title: Name of the product<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Author: Author (books), Manufacturer, etc<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Image: Image URL about the product<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Price: Price of the product<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # PromoPrice: Promotion Price<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # PromoCode: Promotion code<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Source: Publisher/Seller/Site<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Url: URL to the product<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Description: Description of the product (short)<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # {% endproduct_promo_box %}<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # ...<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-box"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <a href="URL to the product"<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # title="Name of the product"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <img class="product-image"<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # src="Image URL about the product"<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # alt="Name of the product"<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # title="Name of the product"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </a><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-info"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-title"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <a href="URL to the product"<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # title="Name of the product"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Name of the product<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </a><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-source"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <a href="URL to the product"<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # title="Publisher/Seller/Site"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Publisher/Seller/Site<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </a><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-author"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # by <span>Author (books), Manufacturer, etc</span><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-price"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Old price: <span class="old">Price of the product</span>; now: <span class="now">Promotion Price</span><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-promo-code"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Promotion code: <span>DEAL</span><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # <div class="product-description"><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Description of the product (short)<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | # </div><\/span><\/td>\n <\/tr>\n \n <\/td>\n | #<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # Example CSS:<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # .product-box {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # overflow: hidden;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # padding-bottom: 1.5em;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # padding-top: 1.5em;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # }<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # .product-box img {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # float: left;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # max-width: 25%;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # }<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # .product-box .product-info {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # margin-left: 28%;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # }<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # .product-box .product-info .product-title {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # padding-top: 10px;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # padding-bottom: 5px;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # font-size: 1.6em;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # font-weight: bold;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # }<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # .product-box .product-info .product-title a {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # color: hsl(0, 0%, 30%);<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # text-decoration: none;<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # }<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # .product-box .product-info .product-author {<\/span><\/td>\n <\/tr>\n \n <\/td>\n | # font-style: italic;<\/span><\/td>\n <\/tr>\n \n | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |