4.1.12 [product-catalogue] shortcode and “product_wide” parameter

  • Hi

    I hsave a question i used the following shortcode to diesplay my catalogue:

    [product-catalogue id=’5′ sidebar=’no’ excluded_layouts=’Details, List’ product-wide=’2′]

    but it doesn’t work. The catalogue still shows 3 products per row.

    Can it be that the “product-wide” parameter is only honored with the shortcode [insert-products catalogue url=…] and if so, how can i make this possible for a whole catalogue (but not globally as i have multiple catalogues on my site)?

    Best,
    Thomas

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Thomas,

    The best way to apply this to one catalogue only would be by adding this CSS to the Custom CSS box in the Edit Catalogue page:

    
.upcp-thumb-item {
width:300px;}

.upcp-thumb-image-div {
    margin: 10px auto;}

.upcp-thumb-item,
.upcp-thumb-title a.upcp-catalogue-link,
.upcp-custom-field-thumbs,
.upcp-thumb-price {
text-align:center!important;}
    Thread Starter Thomymaster

    (@thomymaster)

    Hi

    Which parameter do i have to modify then to adjust the number of products per row and how to i have to set the values?

    Best,
    Thomas

    Hi Thomas,

    To effect the number of products per row, you’ll need to change the width of upcp-thumb-item.
    To increase the number of products allowed on a row (let’s say, to 3 per row), you’ll decrease the width of .upcp-thumb-item from 300px to something smaller, for example:

    .upcp-thumb-item {
width:215px;}

    Alternatively, you can use percentages for the product widths, if that’s easier.

    For example, this is what you can use for ‘upcp-thumb-item’ to get 2 products per row:

    
.upcp-thumb-item {
width: 46%;
margin: 20px 2%;}
    Thread Starter Thomymaster

    (@thomymaster)

    Ok, ill try that.

    Thanks a lot!

    Best,
    Thomas

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘4.1.12 [product-catalogue] shortcode and “product_wide” parameter’ is closed to new replies.