Removing summary text from product image ( SOLVED )

[dagmara j]

( SOLVED )

Hi All

I was wondering if you can help me.

On my product image photo I have "summary description" underneath, which is not supposed to be there ( i have the same text just below the price and title) as you can see on the photos attached. I would like to remove it, but i can't find it where i can do it. I am on prestashop 1,7 , and here is my website www.dagmarajoly.com .

Also i am struggling to move the product images to the right side, instead of having them at the bottom. 

Because of the description underneath the photo and those thumbnails I can't make my images larger.

I would really appreciate your help.

Thank you in advance 

Dagmara 

Edited November 19, 2024 by dagmara j (see edit history)

[Divine]

Hello,

Go to your theme folder, find the file "templates >> catalog >> _partials >> product-images-modal.tpl" and comment or remove the lines :

<figcaption class="image-caption">
  {block name='product_description_short'}
    <div id="product-description-short">{$product.description_short nofilter}</div>
  {/block}
</figcaption>

Don't forget to clear Prestashop cache after your modification.

[Prestashop Addict]

For the short description comment code in file themes/yourtheme/catalog/_partials/product-images-modal.tpl

{*
          <figcaption class="image-caption">
          {block name='product_description_short'}
            <div id="product-description-short">{$product.description_short nofilter}</div>
          {/block}
        </figcaption>
*}

 

[dagmara j]

  On 11/18/2024 at 2:35 PM, Divine said:

Hello,

Go to your theme folder, find the file "templates >> catalog >> _partials >> product-images-modal.tpl" and comment or remove the lines :

<figcaption class="image-caption">
  {block name='product_description_short'}
    <div id="product-description-short">{$product.description_short nofilter}</div>
  {/block}
</figcaption>

Don't forget to clear Prestashop cache after your modification.

Expand  

Hi . Thank you so much, so i managed to open the files and I have exactly the same descriptions as you did email me: please see photo attached, is there any other way i can get rid of the summary under the photo image? 

 

Edited November 18, 2024 by dagmara j
i open the files (see edit history)

[dagmara j]

  On 11/18/2024 at 2:39 PM, Prestashop Addict said:

For the short description comment code in file themes/yourtheme/catalog/_partials/product-images-modal.tpl

{*
          <figcaption class="image-caption">
          {block name='product_description_short'}
            <div id="product-description-short">{$product.description_short nofilter}</div>
          {/block}
        </figcaption>
*}

 

Expand  

Hi . Thank you so much, so i managed to open the files and I have exactly the same descriptions as you did email me: please see photo attached, is there any other way i can get rid of the summary under the photo image?  

[Divine]

No there is no other way but modify the code in this file.

[Prestashop Addict]

  On 11/18/2024 at 3:56 PM, dagmara j said:

Hi . Thank you so much, so i managed to open the files and I have exactly the same descriptions as you did email me: please see photo attached, is there any other way i can get rid of the summary under the photo image? 

Expand  

No, but I recommend you to create a child theme, otherwise your modification will be lost if you update classic theme 😞 

[Divine]

There is echo... 😂

[dagmara j]

  On 11/18/2024 at 4:08 PM, Divine said:

No there is no other way but modify the code in this file.

Expand  

ah ok, i don't know how to create a child theme, i am so new to this... so if the codes are the same and nothing changes on my website , is there any bug that might not allow me to get rid of this description? thank you for your help

[Divine]

No bug. But you have to open the file with a text editor, apply the modification and save the file. You also have to clear Prestashop cache.

[dagmara j]

  On 11/18/2024 at 4:19 PM, Prestashop Addict said:

No, but I recommend you to create a child theme, otherwise your modification will be lost if you update classic theme 😞 

Expand  

hi, thank you for your reply... i don't know how to create a child theme, or even update classic theme.. i am very new to this thing...would you happen to know how to move the small thumbnails from the bottom to the right side?  

[dagmara j]

  On 11/18/2024 at 4:26 PM, Divine said:

No bug. But you have to open the file with a text editor, apply the modification and save the file. You also have to clear Prestashop cache.

Expand  

what you mean " file with text editor" ? isn't the ftp file ? with all those codes?  

 

[Divine]

Yes, in your FTP, you have to open the file with a text editor, modify the code and save it.

[dagmara j]

  On 11/18/2024 at 4:32 PM, dagmara j said:

what you mean " file wit text editor" ? isn't the ftp file ? with all those codes?  

 

Expand  

 

 

  On 11/18/2024 at 4:33 PM, Divine said:

Yes, in your FTP, you have to open the file with a text editor, modify the code and save it.

Expand  

 

  On 11/18/2024 at 4:33 PM, Divine said:

Yes, in your FTP, you have to open the file with a text editor, modify the code and save it.

Expand  

but the descriptions are exactly the same as you wrote them, i am not sure what should i change? 

 

[Divine]

Just comment those lines by surrounding them with the characters {* and *} or simply remove them.

[Prestashop Addict]

  On 11/18/2024 at 4:26 PM, dagmara j said:

i don't know how to create a child theme, or even update classic theme..

Expand  

Here is a french tutorial for Child theme (user GT to have it in english or any other language). For theme update, you can use module 1-Click upgrade

[dagmara j]

  On 11/18/2024 at 4:36 PM, Divine said:

Just comment those lines by surrounding them with the characters {* and *} or simply remove them.

Expand  

what lines? shoud i type this  {* and *} 46 and 47 and then 51 and 52 ? when i look at my descritopn i don(t have those brackets

[Divine]

Like this :

{*<figcaption class="image-caption">
  {block name='product_description_short'}
    <div id="product-description-short">{$product.description_short nofilter}</div>
  {/block}
</figcaption>*}

Just surround the code with the {* and *} characters.

[dagmara j]

  On 11/18/2024 at 4:36 PM, Prestashop Addict said:

Here is a french tutorial for Child theme (user GT to have it in english or any other language). For theme update, you can use module 1-Click upgrade

Expand  

 

  On 11/18/2024 at 4:36 PM, Prestashop Addict said:

Here is a french tutorial for Child theme (user GT to have it in english or any other language). For theme update, you can use module 1-Click upgrade

Expand  

thank you ,

[dagmara j]

  On 11/18/2024 at 4:46 PM, Divine said:

Like this :

{*<figcaption class="image-caption">
  {block name='product_description_short'}
    <div id="product-description-short">{$product.description_short nofilter}</div>
  {/block}
</figcaption>*}

Just surround the code with the {* and *} characters.

Expand  

i just tried but i can't type, you did say open with text editor, where i can find it?  got this, when i click on edit it's something different that appears, thank you for all your help

[Divine]

Then just transfer the file on your computer and open it in a text editor. Apply the modification, save the file and replace it in your FTP.

[dagmara j]

  On 11/18/2024 at 4:51 PM, Divine said:

Then just transfer the file on your computer and open it in a text editor. Apply the modification, save the file and replace it in your FTP.

Expand  

i just tried to transfer to my computer and is not working.. i know i am a pain, i don't know how to do it...when i click on it and then telecharge it opens as a zip and then it can't open because of photoshoop element. can you tell me how to do it please ?

[Divine]

Do you use Filezilla ?

[dagmara j]

  On 11/18/2024 at 5:10 PM, Divine said:

Do you use Filezilla ?

Expand  

no... i just google " how to modify code on prestsahop"  and this filezilla came up ..is that program I should be using to change the description?

[Divine]

Yes it would be simplier. Download and install Filezilla and connect your server with the info given by your host provider.

[dagmara j]

  On 11/18/2024 at 5:15 PM, Divine said:

Yes it would be simplier. Download and install Filezilla and connect your server with the info given by your host provider.

Expand  

Hi Divine 

Thank you for your message. I tried download this program and connect to server but I can't , i don't know the password which was not provide to me and when i only try to download the filezilla client i am unable to compress the zip  can i modify the code without filezilla ? 

[dagmara j]

  On 11/19/2024 at 7:43 AM, dagmara j said:

Hi Divine 

Thank you for your message. I tried download this program and connect to server but I can't , i don't know the password which was not provide to me and when i only try to download the filezilla client i am unable to compress the zip  can i modify the code without filezilla ? 

Expand  

i have done lots of research and it looks like my Mac is blocking filezilla, i tried to do all i found and could and i still can't open it.. i am doomed then...if there is no other way to change the codes then I can't fix anything on my website  is the filezilla the only option ? thank you for your help

[Divine]

  On 11/18/2024 at 4:49 PM, dagmara j said:

i just tried but i can't type, you did say open with text editor, where i can find it?  got this, when i click on edit it's something different that appears, thank you for all your help

Expand  

What does appear when you click on "edit" ?

[dagmara j]

  On 11/19/2024 at 10:14 AM, Divine said:

What does appear when you click on "edit" ?

Expand  

This weird thing... which is not the same as when i click on "voir"

[Divine]

Can you modify the code when this is open ?

[dagmara j]

  On 11/19/2024 at 10:48 AM, Divine said:

Can you modify the code when this is open ?

Expand  

 

  On 11/19/2024 at 10:48 AM, Divine said:

Can you modify the code when this is open ?

Expand  

I can type on this thing yes, but it does not have the same code as when i can see the page with codes 

[dagmara j]

  On 11/19/2024 at 10:52 AM, dagmara j said:

 

I can type on this thing yes, but it does not have the same code as when i can see the page with codes 

Expand  

should i do paste and copy? copy all the codes and then paste them on edit thing ?

 

[Divine]

Hmm... it is the same code. It is just not colorized in the first editor. So yes, apply the modification that I gave you in this topic and save.

[dagmara j]

  On 11/19/2024 at 10:53 AM, dagmara j said:

should i do paste and copy? copy all the codes and then paste them on edit thing ?

 

Expand  

OMG.... you are a genius...thank you so so so much...is working...OMG...      thank you , thank you and thank you again  If I could take one more minute from you, and if you know how and where I shuold change the codes to move those photo thumbnails from the bottom to the right side, I would extremely appreciate it   

[Divine]

Ha ha no problem

For the thumbnails, it is much more complicated because it requires also CSS modifications and I don't know exactly how your zoom is conceived so I can't tell you the exact modifications to apply.

Edited November 19, 2024 by Divine (see edit history)

[dagmara j]

  On 11/19/2024 at 11:07 AM, Divine said:

Ha ha no problem

For the thumbnails, it is much more complicated because it requires also CSS modifications and I don't know exactly how your zoom is conceived so I can't tell you the exact modifications to apply.

Expand  

ok no problem, i really appreciate your help for the summary thing...really....  have a wonderful day ... there some other things with my photos that i need to figure out, but i can see already that the phots are bigger..which is great, i just need to figure now why they are blurred... xxx

[Divine]

Great ! Don't forget to edit your first post and to add [Solved] in the title