Display badge on product image in category view?

  • Posts: 52
  • Thank you received: 2
12 years 10 hours ago #124175

-- url of the page with the problem -- : www.wynchcotewebsites.com/department-1
-- HikaShop version -- : 2.2.1
-- Joomla version -- : 2.5.14
-- PHP version -- : 5.2
-- Browser(s) name and version -- : Chrome
-- Error-message(debug-mod must be tuned on) -- : None

Would be great to display offer badge on category page - as can be done on product page as here:

www.wynchcotewebsites.com/department-1/p...96-example-product-1

Please Log in or Create an account to join the conversation.

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
12 years 4 hours ago #124203

Hi,

It's already possible. Simply edit your products listing module (id 137) via the menu Display>Content modules, and turn on the display of badges.

The following user(s) said Thank You: pishtaz13

Please Log in or Create an account to join the conversation.

  • Posts: 90
  • Thank you received: 2
9 years 1 month ago #246342

I need help and thought I'd just continue with this thread.
I created a badge for new products. I don't like the way the badge is showing on the website.
I created a category called "new" under the root. I set up the badge and under category, I put "new".
When I view the website, each category the new item is under has a badge in a strange position on the page and is nowhere on the picture of the item. When I click the item, the badge is in the correct place and looks perfect.

I also tried it another way and used the product section of the badge choosing the individual item with the same results.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
9 years 1 month ago #246348

Hi,

It's potentially a problem with the CSS of your Joomla template.
Could you provide a link to that page so that we can analyse it ?

Please Log in or Create an account to join the conversation.

  • Posts: 90
  • Thank you received: 2
9 years 1 month ago #246374

Here's the category the product is listed under:
www.boodlebouncers.com/index.php/hikasho...ry/14-combo-bouncers
as well as
www.boodlebouncers.com/index.php/hikasho...-browse-all-products

Here's the product that should have it:
www.boodlebouncers.com/index.php/hikasho...duct/414-candy-combo

Please let me know when I can unpublish this badge. Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 1 month ago #246376

Hello,

I get the root issue, in your frontend_custom Css you have to add this on line 1567 :
Right now you have this :

.thumbnail div.hikashop_product_image_subdiv {
    width: 100% !important;
}
Add position: relative; to have this :
.thumbnail div.hikashop_product_image_subdiv {
    position: relative;
    width: 100% !important;
}
I think that maybe you will have to add some margin parameters in order to replace your badge on your picture.
Hope this will help you.

Regards

Last edit: 9 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

  • Posts: 90
  • Thank you received: 2
9 years 1 month ago #246436

I think I spoke too soon. Although the badge moved, I changed the location of the badge for the image and it moved there, but did not change the location in the category view.

I am trying to find frontend_custom Css in the Dispay/views but nothing is coming up. Where is this located?

Attachments:
Last edit: 9 years 1 month ago by BounceHouseOwner.

Please Log in or Create an account to join the conversation.

  • Posts: 4820
  • Thank you received: 654
  • MODERATOR
9 years 1 month ago #246467

Hello,

You can reach your frontend_custom Css like show on this tutorial, here .

Hope that will help you.

Regards

Last edit: 9 years 1 month ago by Philip.

Please Log in or Create an account to join the conversation.

Time to create page: 0.077 seconds
Powered by Kunena Forum