I've gone and modified the featured option to say "SOLD" when it is checked off, and I moved it using CSS to sit right on top of my item pictures. The only problem is, it sits behind the picture. I assume it will be a z-index style but can't seem to make it work.

 

Anyone know what css code I need to use to get the featured image to sit ON TOP of the item pictures??

 

Thanks in advance for the reply.

do you have a link to she site plz ?

Sorry, here it is.

wheelsautogroup.com/index.php/inventory?start=24

 

If you look at the one that says "SOLD", that is the way I'd like it to look.

And if you look at the "2005 Chevrolet Uplander - $8,800" beside it, this is the featured item.. it has a blue box behind it. I want that box to sit in front of the picture completely. Once I figure out how to do that, I will turn that blue box into the "SOLD" sign.

 

Thanks again for your help!

Hey Andrew,

 

the Problem is that the "Sold" Blue Screen ist in css background. You should make a own div where you include the Picture in the front and define the position over the Item Image.

Take a look in category_item.php and search this Code :

 

<?php if($this->item->params->get('catItemFeaturedNotice') && $this->item->featured): ?>          <!-- Featured flag -->          <span>              <sup>                  <?php echo JText::_('K2_FEATURED'); ?>              </sup>          </span>          <?php endif; ?>

 

Instead of the span sup Class use your own div including the sold image.

Thats the way I would do.

I will play around with this and see if I can get it. Thanks so much. I'll let you know if it works!

 

This won't replace the current car picture will it? It will just allow me to put another .png image on top right?

 

And where would I style the div? inside the k2.css or just span style right there in the category_item.php?

 

Thanks for all your help Troponin

<?php if($this->item->params->get('catItemFeaturedNotice') && $this->item->featured): ?>          <!-- Featured flag -->          <div class="catItemsoldout">

<img src="Path2Image/Soldout.png"  />

</div>

          <?php endif; ?>

 

 

and this Div you should try to set position in css File. Maybe you'll have to use z-index too.

Troponin said:
<?php if($this->item->params->get('catItemFeaturedNotice') && $this->item->featured): ?>          <!-- Featured flag -->          <div class="catItemsoldout">

<img src="Path2Image/Soldout.png"  />

</div>

          <?php endif; ?>

 

 

and this Div you should try to set position in css File. Maybe you'll have to use z-index too.

 

Hope you use TemplateOverride :)

I got it! Thanks so much for your help! It worked great. The problem was I didn't have the option "'Featured' notice (next to title)" turned to "Show". So it didn't appear. Featured was on, but this other option needed to be set to "show" too.

 

I'm not sure what TemplateOverride is but I'd be glad to share this hack with anyone.

 

Thanks again so much Troponin!