Strips / Badges

Hi,

It probably has something to do with the settings of the badge. Could you provide a screenshot of its settings and the URL of both pages ?

Hi,

I'm not following you. You said that the problem was that the badge would not appear on the listing, but I do see the badge for the "Cajas para muffins" product on the listing page you provided. And I don't see any "top slide" on either pages. What am I missing ?

Also, regarding the positioning of the badge:
- If you set a vertical / horizontal position, you're shifting the image by the same number of pixels on both the listing and the product page. However, you configured your listing and your product page thumbnail size to be different. So the vertical / horizontal position doesn't have the same effect on both since the displacement will appear bigger if the image is smaller.
- You're not using the same image on the listing and the product page. On the listing, the image used has a big blank area at the top. That's why you think the badge doesn't go over the image when in fact it does, the same way as on the product page.

Hi,

Ok, but if you change things around so that I can't see the problem directly anymore, and the screenshots of the settings don't correspond to what you have on the pages when I look, then I can't conclude anything and I'm just getting confused. So I can't provide advice.

Also, the points I wrote about in my previous message are still valid. You should avoid using the positioning settings if the thumbnails are not the same size everywhere. Instead, you can create a badge image with transparent background and shift around the image in that background so that it matches with the shift you require if you need precise positioning.

Hi,

Ok. I think you can fix the positioning of the badge on the product page with a bit of CSS code like this:

#hikashop_product_image_main .hikashop_badge_div.hikashop_badge_topleft_div {
    top: -147px !important;
}