• Resolved jrcollins

    (@jrcollins)


    Is it possible to adjust the size of the image used in the product ad template?

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

    (@superninchen)

    Yes, you copy the template and edit the according section in its CSS below.

    HTH, Sascha

    Thread Starter jrcollins

    (@jrcollins)

    This is the (unedited) image tag in my custom product ad template:

    <img class="aalb-667-pa-product-image-source" src="{{MediumImageURL}}" srcset="{{LargeImageURL}}" alt="{{Title}}" />

    And the following is the CSS applied to the image:

    .aalb-667-pa-product-image-source {
        max-width: 150px;
        max-height: 150px;
        vertical-align: bottom;
    }

    I tried changing src="{{MediumImageURL}} to src="{{LargeImageURL}} and changing the CSS maximum width and height restrictions but it had no effect on the size of the image.

    • This reply was modified 7 years ago by jrcollins.
    superninchen

    (@superninchen)

    It may have been cached on the server. Do you have any caching plugins in place?

    Thread Starter jrcollins

    (@jrcollins)

    This question is now resolved. To achieve the desired result it wasn’t necessary to edit the template HTML. I just had to make a few adjustments to the CSS.
    The following are the 3 relevant classes that need to be edited in order to change the size of the image:

    • .aalb-pa-product-container
    • .aalb-pa-product-image
    • .aalb-pa-product-image-source
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image size’ is closed to new replies.