Calling Developers!
We are reenergizing our code contribution process! Learn More

What are the Slack Archives?

It’s a history of our time together in the Slack Community! There’s a ton of knowledge in here, so feel free to search through the archives for a possible answer to your question.

Because this space is not active, you won’t be able to create a new post or comment here. If you have a question or want to start a discussion about something, head over to our categories and pick one to post in! You can always refer back to a post from Slack Archives if needed; just copy the link to use it as a reference..

Hello, do anyone know how to change default product alt image on product page? Where it's set? I cha

Options
U03SW5W1BDX
U03SW5W1BDX Posts: 31 🧑🏻‍🚀 - Cadet

Hello, do anyone know how to change default product alt image on product page? Where it's set? I change it temporarily in twig template- vendor/spryker-shop/shop-ui/src/SprykerShop/Yves/ShopUi/Theme/default/components/molecules/lazy-image/lazy-image.twig to be hardcoded:

 {% set imageTitle = 'Test' %}

instead of

 {% set imageTitle = data.imageTitle %}

and it's visible but I wonder where data is gathered for this? Default alt for every product is 'Product image'

Comments

  • Aleksander Kovalenko
    Aleksander Kovalenko Sprykee Posts: 45 🧑🏻‍🚀 - Cadet
    Options

    Hi Paulina. As you can see it comes from the contract - data.imageTitle . So it shows the value from the place where lazy-image component has been included.

  • U03SW5W1BDX
    U03SW5W1BDX Posts: 31 🧑🏻‍🚀 - Cadet
    Options

    yes but from where data is being collected? I don't see this 'Product image' alt in database, in spy_product_image table

  • Aleksander Kovalenko
    Aleksander Kovalenko Sprykee Posts: 45 🧑🏻‍🚀 - Cadet
    Options

    data - it’s an object component receives from the place where is was included. Like props for example. Or attributes. So whatever you are passing into the data object - will be handled inside the component.

    In case you are passing “some-title” into imageTitle

    {% include molecule('lazy-image') with {
        data: {
            imageSrc: 'some-src',
            imageTitle: 'some-title'    
        },
    } only %}
    

    you gonna have it as a data.imageTitle inside inside lazy-image.twig .

  • U03SW5W1BDX
    U03SW5W1BDX Posts: 31 🧑🏻‍🚀 - Cadet
    Options

    Yes but I shouldn't change lazy-image twig template to hardcoded value in vendor directory as it's Spryker core. I wanted to changed default product image alt from "Product image" to the value from additional column in database, it's spy_product_image table and I added additional column product_image_alt. Do You know how to get this?