Public Forums 71,145 posts

[abelkour Friend abelkourJoin date: October 2016Posts: 7Downloads:8Uploads:2]

#990297

Hi guys,

I want really your help and it’s very urgent.. Im creating now a website with Purity III Template (at the moment locally with Xampp). I have choosed the layout "Portfolio"

I want to know how can I add the item-state Free, New, Hot etc..

<span class="item-state state-current"> current
<span class="item-state state-free"> free
<span class="item-state state-hot"> hot

And I have also other questions. Attached you will find Screenshots from my website and Joomla Backend. pls tell me what I have to change or to add something.

Rgs, Abdi

Thank you for your help.

---

Attachments:

1. my-template_joomla.pdf

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#990702

Hi,

You can follow the step to load Free, New, Hot etc..

• Create the Category and select Portfolio extrafield: http://prntscr.com/dd1oeh

• Create new article and select the Category of Portfolio group and see the icons list as my screenshot: http://prntscr.com/dd1p0x

About to change Intro Image to Full Image on Portfolio

• Open templates/purity_iii/html/com_content/category/portfolio_item.php file

find and change: $images->image_intro to $images->image_fulltext

<?php if (isset($images->image_intro) && !empty($images->image_intro)) : ?>
    <div class="item-image">
      <img src="<?php echo htmlspecialchars($images->image_intro); ?>" alt="<?php echo htmlspecialchars($images->image_intro_alt); ?>"/>
        <?php if ($attribs->get('portfolio-state')) : ?>
        <span class="item-state state-<?php echo $attribs->get('portfolio-state') ?>">
            <?php echo $attribs->get('portfolio-state') ?>
        </span>
        <?php endif ?>
    </div>
<?php endif; ?>

Hope it helps

Regards

[abelkour Friend abelkourJoin date: October 2016Posts: 7Downloads:8Uploads:2]

#991412

Hi Ninja,

Thank you very much. It works! 😀

Rgs, Abdi

[abelkour Friend abelkourJoin date: October 2016Posts: 7Downloads:8Uploads:2]

#991413

Hi again,

And how can I add other labels.. not just Free, New and Hot?

I want for example = "%" and how can I change the color.. like free=green, hot=red etc…

Thank you for your support.

Abdi

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#991634

Hi,

It will require a bit customization, it takes time and be out of our support scope for free member. If you’re not familiar with code, try to hire a developer to get it done for you.

Regards

[abelkour Friend abelkourJoin date: October 2016Posts: 7Downloads:8Uploads:2]

#992022

Hi,

Ok I understand. But maybe you can show me just the file have to be adjusted. And then I can try what I can do.

Thank you in advance for both your understanding and support.

Rgs, Abdi

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#992206

Hi,

You can find all code to work with your request

• Open templates/purity_iii/etc/extrafields/portfolio.xml file
• Open templates/purity_iii/css/layouts/porfolio.css file and will the CSS style

  .porfolio-items p {
  color: #666666;
  margin: 0;
  }
  .porfolio .item-state {
  width: 70px;
  height: 70px;
  background: url(../../images/porfolio-item-states.png) no-repeat center top;
  display: block;
  text-indent: -9999em;
  position: absolute;
  top: -3px;
  right: -3px;
  }
  .porfolio .state-free {
  background-position: center;
  }
  .porfolio .state-hot {
  background-position: center bottom;
  }
  .porfolio .item-demo-url {
  display: inline-block;
  margin-top: 20px;
  }

  and templates/purity_iii/images/porfolio-item-states.png file

Regards

[Author]

Posts