matrix8369

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Plugins
    In reply to: [Awesome Filterable Portfolio] Jquery breaking after filtering
    matrix8369

    (@matrix8369)

    12 years, 3 months ago

    Figured out a fix for this issue I think.
    Step1.
    Log into your wordpress admin console.

    Step2.
    Click on the “Plugins List”.

    Step3.
    Click “Edit” for “Awesome Filterable Portfolio”.

    Step4.
    Click “awesome-filterable-portfolio/afp.php” to edit this file.

    Step5.
    With in this pages text input box scroll all the way down and find the line of code 

    <a class="colorbox" title="' . $item->item_description . '" href="' . $item->item_image . '"><img alt="" class="img-link-initial" src="' . $item->item_thumbnail . '"></a><br />

    then update this line of code to be 

    <a class="colorbox cboxElement" title="' . $item->item_description . '" href="' . $item->item_image . '">
		    <img alt="" class="img-link-initial" src="' . $item->item_thumbnail . '">
		</a><br />

    Step6.
    Press the Update File button at the bottom of the page.

    FINISHED. This change looks to have fixed my issue so far. Here is my working example.

    http://matthewjohnwilson.com/portfolio/

    I am currently trying to update my galleries CSS now. Great plugin BriniA, hope this fix helps your next update.

    Forum: Plugins
    In reply to: [Awesome Filterable Portfolio] Jquery breaking after filtering
    matrix8369

    (@matrix8369)

    12 years, 3 months ago

    I am getting the same issue. Looks like on page load an “Project” uses this code.

    <li class="afp-single-item" data-id="id-1" data-type="Photoshop">
                <a class="colorbox cboxElement" title="Desc Here" href="http://matthewjohnwilson.com/wp-content/uploads/2014/03/Project04_Landscape-1024x651.jpg">
		<div class="adipoli-wrapper img-link-initial" style="width:150px; height:150px;">
			<img alt="" class="img-link-initial" src="http://matthewjohnwilson.com/wp-content/uploads/2014/03/Project04_Landscape-150x150.jpg" style="display: none;">
			<div class="adipoli-before img-link-initial" style="width: 150px; height: 150px;">
				<img src="http://matthewjohnwilson.com/wp-content/uploads/2014/03/Project04_Landscape-150x150.jpg">
			</div>
			<div class="adipoli-after img-link-initial" style="width: 150px; height: 150px; display: none;"></div>
		</div>
	</a>
	<br>
                <ul class="afp-item-details">
		<li>
			<strong>Landscape - Field</strong>
		</li>
		<li>Illinois Institute of Art: Schaumburg</li>
	</ul>
</li>

    And after you select a category it uses this code

    <li class="afp-single-item" data-id="id-1" data-type="Photoshop">
                <a class="colorbox" title="Desc Here" href="http://matthewjohnwilson.com/wp-content/uploads/2014/03/Project04_Landscape-1024x651.jpg">
		<img alt="" class="img-link-initial" src="http://matthewjohnwilson.com/wp-content/uploads/2014/03/Project04_Landscape-150x150.jpg">
	</a>
	<br>
                <ul class="afp-item-details">
		<li><strong>Landscape - Field</strong></li>
		<li>Illinois Institute of Art: Schaumburg</li>
	</ul>
</li>

    and this is breaking the pop up window of the project. Any one know were I can find the code that generates the List item or if any one has a possible fix? Other then this small issue it is going to make my portfolio page look amazing. Thanks for building this. Hopefully we can get this issue fixed soon.

Viewing 2 replies - 1 through 2 (of 2 total)