Image description

Store Design
1

I want the image description to be visible on the shop front. Whenever an image is clicked the description should show at the bottom of the image like this:

LL_shop_0-1711535355291.png
LL_shop_0-1711535355291.png624×640 93.1 KB

Is it possible tp achieve?

2

Hi, @LL_shop

Can you share your website url? Do you want to add this feature on the product details page?

3

Yes I want to add this to the product details page. The screenshot I added is from another website. I want to add the same feature in this website: https://lilylolo.us/

4

Hello @LL_shop
I checked your website and noticed that you have a zoom feature enabled on the PDP while clicking on the product image. That is a recommended feature an e-commerce website should have. Can you tell me why you show the text after clicking on the image? It’s important to consider mobile traffic since it’s higher than desktop traffic.

5

Hi @LL_shop ,

You need to add the alt text to the product images.
After adding the alt text, you need to customize the code.

Result:

LuffyOnePiece_0-1711540836630.png
LuffyOnePiece_0-1711540836630.png1124×639 100 KB

Let me know if you need help with the custom code.

Also, you can provide me the collaborator access.

Thank you

6

We have it in other websites, so want to maintain the similarity everywhere.

7

Hi, can you help me with the custom code. Im not sure if I can add you as a collaborator or not.

8

Hi @LL_shop

This feature requires configuring product metafields and modifying the theme codes to be implemented.

9

Hi, the code is working. Thank you so much. But its left aligned, is there any way that I can make it centre aligned?

10

Hi @LL_shop ,

Can you please add below CSS to the end of the base.css file?

.image-decription {
    text-align: center;
    margin: 10px 0;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

11

I’m also facing the same issue. How can I change the name of already uploaded image? Here is the image link https://cdn.shopify.com/s/files/1/0779/2073/1459/files/Full-Size-High-Waist-Butt-Lifting-Shaping-Shorts-Near-me.jpg?v=1714042348

12

Hi @Sarah_smith6y5t ,

You can go to the content → Files.

Search the file name and update this.

THank you