Jump to content

How to increase block size


murdoc_tcc
 Share

Recommended Posts

Posted (edited)

Hi, I did this to increase the description but now its popping out of the block, how do I increase it. 

Prestashop 1.7

 

        {block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:40:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:40:'...'}</a></h2>
          {/if}
        {/block}

how do I make the block bigger, 

Untitled.jpg

Edited by murdoc_tcc (see edit history)

Share this post


Link to post
Share on other sites

On 4/16/2022 at 10:43 AM, endriu107 said:

Classic theme have changes between PrestaShop version so you should tell as exactly what version you have or better put link to your store.

1.7.7.8

justbuild.co.za

Share this post


Link to post
Share on other sites

Try add this code to custom.css file and clear cache in store

#products .thumbnail-container,
.featured-products .thumbnail-container,
.product-accessories .thumbnail-container,
.product-miniature .thumbnail-container {
    height: 400px;
}

#products .thumbnail-container .product-thumbnail img,
.featured-products .thumbnail-container .product-thumbnail img,
.product-accessories .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-container .product-thumbnail img {
    margin: 0;
}

#products .product-description,
.featured-products .product-description,
.product-accessories .product-description,
.product-miniature .product-description {
    height: 132px;
}

#products .highlighted-informations,
.featured-products .highlighted-informations,
.product-accessories .highlighted-informations,
.product-miniature .highlighted-informations {
    height: calc(72px + 3.125rem);
}

#products .product-title, 
.featured-products .product-title, 
.product-accessories .product-title, 
.product-miniature .product-title {
    min-height: 40px;
}

 

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More