Support for Amazon s3

[modegames]

We tried using the Cardinal Theme with S3 and found in cases where special effects are applied onto images such as the portfolio or team section the images did not appear.

We tried specifying for the bucket the following configuration:
<?xml version=”1.0″ encoding=”UTF-8″?>
<CORSConfiguration xmlns=”http://s3.amazonaws.com/doc/2006-03-01/”&gt;
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>

But this did not seem to fix the issue. The problem is that when utilising S3 the images don’t appear let me know if you are aware of this issue and how to fix it? This worked with previous themes but does not seem to work with the Cardinal theme.

[Swift Ideas – Ed]

Hi @modegames

This is to do with our image resizing script, as it’s not possible to resize remote files. However, we have worked on this for the next update, to provide a solution to show remote images.

I’ll be happy to send over this build if you could possibly test it to see if it works for you?

Let me know,

– Ed

[modegames]

Sure Ed let me know where to download the files from and I am happy to post my results 🙂

[Swift Ideas – Ed]

test

[Swift Ideas – Ed]

This reply has been marked as private.

[modegames]

Thanks Ed this did make some changes to the build in that images appeared for projects which have the thumbnail set to the type ‘slider’ but when I have selected ‘image’ then the thumbnail strangely does not appear.

Further to this some of the demo content I still have setup for the theme, does appear but it somehow has two blank images setup for the thumbnails. This causes for a placeholder image to show. Though if I remove the thumbnails and then add a single image then no image appears at all not even the placeholder anymore.

Can you advise on this?

[Swift Ideas – Ed]

Could you possibly provide a link/login in a private reply so that I can take a look?

– Ed

[modegames]

No I can’t we are still developing on localhost and prefer to do this until we are able to get all the content in and we are stuck at this point.

However here is the html outputted and you can clearly see that the theme does not include images for all the portfolio items with this option. For the one which does which is of the type slider if I change this to to the type image then no images appear. Seems like there is some bug with this generally as I get this issue with the updated code you provided and the previous version we were using which we downloaded when we bought the theme.

[modegames]

Sorry should of wrapped the code in a code tag

<section  class="row fw-row">
	<div class="spb-row-container spb-row-full-width col-sm-12 " data-v-center="true" style="padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;">
		<div class="spb_content_element">
			 <section  class="row fw-row">
	<div class="spb_portfolio_widget portfolio-wrap spb_content_element col-sm-12">
		<div class="spb-asset-content">
		<ul class="portfolio-items standard-portfolio filterable-items col-4 row clearfix portfolio-full-width no-gutters">
<li itemscope itemtype="http://schema.org/CreativeWork" data-id="id-0" class="clearfix portfolio-item col-sm-3 standard   desktop web self-funded sponsored ">
<div class="portfolio-item-details">
</div>
</li>
<li itemscope itemtype="http://schema.org/CreativeWork" data-id="id-1" class="clearfix portfolio-item col-sm-3 standard   advertising client-projects ">
<figure class="animated-overlay overlay-alt">
<div class="flexslider thumb-slider"><ul class="slides">
<li><a href="http://localhost/mode-games.com/?portfolio=test" class="link-to-post"><img src='http://modegames_blog.s3.amazonaws.com/mode-games.com/wp-content/uploads/2014/07/c_dribbble2-600x450.jpg' width='600' height='450' alt='' /></a></li>
<li><a href="http://localhost/mode-games.com/?portfolio=test" class="link-to-post"><img src='http://modegames_blog.s3.amazonaws.com/mode-games.com/wp-content/uploads/2014/07/wavy_handv2_dribbble1-600x450.jpg' width='600' height='450' alt='' /></a></li>
<li><a href="http://localhost/mode-games.com/?portfolio=test" class="link-to-post"><img src='http://modegames_blog.s3.amazonaws.com/wp-content/uploads/2013/05/preview_portfolio_cowboys_vs_pirates.jpg' width='292' height='163' alt='' /></a></li>
</ul></div>
</figure>
<div class="portfolio-item-details">
</div>
</li>
<li itemscope itemtype="http://schema.org/CreativeWork" data-id="id-2" class="clearfix portfolio-item col-sm-3 standard   mobile desktop web advertising self-funded sponsored client-projects ">
<figure class="animated-overlay overlay-alt">
</figure>
<div class="portfolio-item-details">
</div>
</li>
<li itemscope itemtype="http://schema.org/CreativeWork" data-id="id-3" class="clearfix portfolio-item col-sm-3 standard   ">
<figure class="animated-overlay overlay-alt">
</figure>
<div class="portfolio-item-details">
</div>
</li>
<li itemscope itemtype="http://schema.org/CreativeWork" data-id="id-4" class="clearfix portfolio-item col-sm-3 standard   ">
<figure class="animated-overlay overlay-alt">
</figure>

[Swift Ideas – Ed]

Hi @modegames

That’s odd. We had someone else with this issue and this update resolved it for them. Can you screenshot me the backend setup you have for the item not displaying?

– Ed