Yes, clone the template “ProductAd” and remove from the copy everything you don’t need.
About the image size: By default the template uses Medium
<img class="aalb-154-pa-product-image-source" src="{{MediumImageURL}}" srcset="{{LargeImageURL}}" alt="{{Title}}" />
You might change that to {{LargeImageURL}}
Or modify the size in the according CSS snippet below in the template editor.
HTH,
Sascha
-
This reply was modified 8 years, 6 months ago by
superninchen.
Thread Starter
himu73
(@himu73)
I have edited the ProductAd template and able to show only image. But it only shows right or left. I cannot make it in the center. Can you help me.
I am no CSS expert either but I think the key is in one of the styles aalb-pa-product-image, aalb-pa-product-image-wrapper or aalb-pa-product-image-link, in which you should set the attribute to center the image.
Or you can use the old-fashioned brute force approach and put HTML center tags around it. Ugly, but effective.
Thread Starter
himu73
(@himu73)
When I change following line left from right, it works.
.aalb-pa-ad-unit.pull-left {
float: left;
}
But I cannot move the image to center.
-
This reply was modified 8 years, 6 months ago by
himu73.
Because the float attribute is not supposed to take that value “center”. It describes the way text should flow around an image. Left means the image is to the right and the text to the left, and vice versa. Center does not make sense in this context.
https://www.w3schools.com/css/css_float.asp
Perhaps these instructions will help you adjust the CSS correctly.
https://www.w3schools.com/css/css_align.asp
Like I said above, experiment with one of the three styles I mentioned.
Thanks @superninchen for helping out.
Dear @himu73,
We assume that your query has been resolved and closing this loop.
In case you still need any assistance, please feel free to comment & reopen the thread.
