Amazon affiliate image links in woocommerce are publishing tiny

Support
#1

I have been trying to post amazon affiliate links in my product descriptions in woocommerce using the Amazon associates Linkbuilder plugin but the images in the ad link, grid and carousel links are super tiny. I think it must be due to a setting on my site, Is that possible? If so, what should I do? Thank you

#2

Hi There,

Could you please send us the product link contains the Amazon affiliate links?

I went through your shop page but I couldn’t find.

Thank you.

#3

The URL for one of the items is here:
http://fibromyalgiashop.com/?s=berberine
BUT, I’ve just discovered that although the preview shows the image link, the actual page shows code. I don’t know what I’ve done wrong. What should I do? Thank you

#4

Hello There,

You are not supposed to insert a shortcode in the href of a link tag. This is why the issue is happening. Could you post the complete shortcode tag in your next reply? If possible, please provide access to the site so that we can thoroughly check your product page.

Thank you.

1 Like
#5

Thank you so much for your help. Here is the shortcode: [amazon_link asins=‘B0734JX5WP’ template=‘CopyOf-ProductAd’ store=‘chevril1-20’ marketplace=‘US’ link_id=‘d0a72ed0-3fe8-11e8-87b1-fdcccf5f2bdf’]
I’m posting my site sign in info in a secure note. Thanks!

#6

Hi There,

I’ve wrapped your shortcode with the <div class="amazon-product"></div>.

<div class="amazon-product">[amazon_link asins=&#039;B0734JX5WP&#039; template=&#039;CopyOf-ProductAd&#039; store=&#039;chevril1-20&#039; marketplace=&#039;US&#039; link_id=&#039;d0a72ed0-3fe8-11e8-87b1-fdcccf5f2bdf&#039;]</div>

Could you please also add this custom CSS under X > Theme Options > CSS:

.amazon-product img {
    max-width: 100%;
    width: 100%;
}

.amazon-product .aalb-113-pa-product-container,
.amazon-product .aalb-113-pa-product-image {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

.woocommerce-product-details__short-description {
    position: relative;
}

Let us know how it goes!

#7

I added it but I’m afraid the image is still small on preview and when published it is still showing as code only. What should I try now?

#8

Hi there,

Please add your main product details in the main editor instead of Product short description. Then only add a few description (as an excerpt) in Product short description.

Thanks!

#9

Hi,

Unfortunately, the product description is not showing at all now when published, although it does show in preview. Only the short description still shows. I’m starting to think my site is cursed. What should I do next?

#10

Hi,

Please note that if you added something on Product short description that is what will be shown on the search results page. If you leave it bank, a portion of your product description will be show instead,

Your site is not cursed, that is just how the way it works.

Thanks

1 Like
#11

I feel a bit foolish because I did think I was seeing the actual page. I’m grateful to you for pointing out my mistake. Thank you all for your patience.

#12

You’re more than welcome, glad we could help.

Cheers!

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.