User Tools

Site Tools


alysum:productlist:start

Category (product-list) page

Modifications

Show full product names

By default Alysum theme shows cutted product names But you can easy change this behavior and show full product name 1) file \themes\alysum\product-list.tpl line about 112

 {$product.name|truncate:45:'...'|escape:'html':'UTF-8'} 

change to

{$product.name|escape:'html':'UTF-8'}

2) CustomCSS

 
/* category page, show full product name */ 
#category a.product-name {white-space: normal} 
@media (min-width: 980px) {#category .view_grid .product_list > li:nth-child(4n+5) {clear:left}}
@media (max-width: 979px) and (min-width: 728px) {#category .view_grid .product_list > li:nth-child(3n+4) {clear:left}}
@media (max-width: 727px) and (min-width: 481px) {#category .view_grid .product_list > li:nth-child(2n+3) {clear:left}}
@media (max-width: 480px) {#category .view_grid .product_list > li {clear:left}}

Change the position of description in the category image

If you need to change the description position just change the values of the left, top and width as you need. Add the code to the CustomCSS

 /* Category description */
#category #pattern .cat_desc {
    top: 31%;
    left: 4%;
    width: 40%;
}
   

2) If you want to see only full description without cutting. Just add the code

#category #pattern #category_description_short {display:none !important}
#category #pattern #category_description_full {display:block !important}

3) If you want to see all the time full description below the image

#category #pattern #category_description_short {display:none !important}
#category #pattern #category_description_full {display:block !important}
#category .cat_desc {position:relative}

Change label color

"Sale"

Add to the CustomCSS and change the color values as yo need.

#pattern .sale-box {
  background: #E1423C; /* label color */
  color: #fff; /* text color*/
}

"New"

Add to the CustomCSS

#pattern .new {
  background: #E1423C; /* label color */
  color: #fff; /* text color*/
}
alysum/productlist/start.txt · Last modified: 2016/09/12 12:11 by Alex Support