diff --git a/css/global.css b/css/global.css index e86d889..75b2fbb 100644 --- a/css/global.css +++ b/css/global.css @@ -9804,6 +9804,73 @@ ul.address { font-size: 17px; } +.product_list_column { + text-align: center; +} + +.product_list_column article { + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px solid #eee; +} + +.product_list_column article .product-price-button-wrapper, .product_list_column article .button-container { + margin: 10px 0; +} + +.product_list_column article .product-container { + margin: 0; +} + +.product_list_column .product-image-container { + position: relative; +} + +.product_list_column .product-image-container .quick-view { + position: absolute; + right: 0; + bottom: 0; +} + +.product_list_column .functional-buttons { + text-align: left; +} + +.product_list_column .price.product-price { + color: #ff6f61; + font-size: 1.3em; +} + +@media (min-width: 480px) and (max-width: 767px) { + .product_list_column > li { + width: 50%; + float: left; + } + .product_list_column > li:nth-child(odd) { + clear: left; + } +} + +.product_list_column .btn { + white-space: initial; +} + +.quick-view { + width: 50px; + height: 50px; + line-height: 50px; + text-align: center; + display: block; + background: rgba(255, 255, 255, 0.7); + font-size: 16px; +} + +@media (max-width: 991px) { + .quick-view { + display: none; + } +} + .instant_search .productsSortForm { display: none; } diff --git a/css/product_list.css b/css/product_list.css index 5119a60..1758e00 100644 --- a/css/product_list.css +++ b/css/product_list.css @@ -56,22 +56,6 @@ h1.product-listing { transition: opacity .5s linear; } -.quick-view { - width: 50px; - height: 50px; - line-height: 50px; - text-align: center; - display: block; - background: rgba(255, 255, 255, 0.7); - font-size: 16px; -} - -@media (max-width: 991px) { - .quick-view { - display: none; - } -} - .color-list-container { display: none; margin-bottom: 10px; diff --git a/modules/blockbestsellers/blockbestsellers.tpl b/modules/blockbestsellers/blockbestsellers.tpl index 20e52f0..527cd8e 100644 --- a/modules/blockbestsellers/blockbestsellers.tpl +++ b/modules/blockbestsellers/blockbestsellers.tpl @@ -23,7 +23,7 @@
{l s='Browse our top selling products.' mod='blockbestsellers'}
- {include file="$tpl_dir./product-list.tpl" products=$best_sellers class='blockbestsellers' id='blockbestsellers'} + {include file="$tpl_dir./product-list-column.tpl" products=$best_sellers class='blockbestsellers' id='blockbestsellers'} {else}» {l s='All new products' mod='blocknewproducts'}
+ {include file="$tpl_dir./product-list-column.tpl" products=$new_products class='blocknewproducts' id='blocknewproducts'} +» {l s='All new products' mod='blocknewproducts'}
{else}» {l s='Do not allow new products at this time.' mod='blocknewproducts'}
{/if} diff --git a/product-list-column.tpl b/product-list-column.tpl new file mode 100644 index 0000000..0f80bdd --- /dev/null +++ b/product-list-column.tpl @@ -0,0 +1,22 @@ +{if !empty($products)} + + + {$show_functional_buttons = $page_name != 'index'} + + {strip} +