[checkout] how to add a "add to cart" icon below every picture?

It is somewhat theme dependent. Firstly you can have "Add to cart" as part of the regular list of itemActions shown underneath every thumbnail, if you tick the "show Add to Cart everywhere" option in the checkout admin page.

Secondly you can add it manually to your album.tpl file. Add this at the relevant place:
<a href="{g->url arg1="controller=checkout.AddToCart" arg2="itemId=`$child.id`" arg3="return=1"}" rel="nofollow">{g->text text="Add to Cart"}</a>
Make sure to follow the instructions at the top of the file with regard to where and how to save modified template files.

hi, where do you add the script in the file?

It depends on which theme you're using.

I have no such plans as part of the 'official' module code.

You can have an icon next to the "add to cart" links by putting the appropriate style in your icon pack style sheet; other than that, it's down to you to modify your own installation/template files/css files etc to suit, as with all Gallery customizations.

Hi All,

Alecmyers I l ove [checkout] - thanks.

kaba-2 - you might want to look at this code change I made in the /themes/carbon/templates/local/photo.tpl module to add the ADD TO CART under all photos. The new code is sandwiched between the comments.

				      width=$image.width height=$image.height}
			  <div id="photo">
			  {g->image id="%ID%" item=$theme.item image=$image
				    fallback=$smarty.capture.fallback class="%CLASS%"}
              </div>
 
              {*  Below lines added to set "Add to Basket"  under the full size pictures *}
			   <br />
			   <div class="block-core-ItemLinks">
               <a class="gbAdminLink gbAdminLink gbLink-checkout_AddToCart" href="{g->url arg1="controller=checkout.AddToCart" arg2="itemId=`$theme.item.id`" arg3="return=1"}" rel="nofollow">{g->text text="Add to Basket"}</a>
				</div>
              {* Above lines added to set "Add to Basket"  under the full size pictures *}
 
 			{/g->container}
		      {else}
			<div id="photo">
			{g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}
			</div>
		      {/if}
		    {else}
		      {$smarty.capture.fallback}

Only problem is it doesn;'t take account of the set permissions - Alecmyers, any idea what needs to be changed to do that?

Ta. hazzy.

Hi Alecmyers,

Maybe I got the wrong end of the stick.

But for what it's worth for other people using the the Carbon theme, the ADD TO CART links appear under the thumbnail views but not under the single photo view. Permissions are set correctly.

Answering my own question above - The code below now takes account of any set [checkout_purchase] permissions.

{g->image id="%ID%" item=$theme.item image=$image
fallback=$smarty.capture.fallback class="%CLASS%"}
</div>

{* Below lines added to set "Add to Basket" under the full size pictures *}
{if ($theme.permissions.checkout_purchase)}
<br />
<div class="block-core-ItemLinks">

<a class="gbAdminLink gbAdminLink gbLink-checkout_AddToCart" href="{g->url arg1="controller=checkout.AddToCart" arg2="itemId=`$theme.item.id`" arg3="return=1"}" rel="nofollow">{g->text text="Add to Basket"}</a>
</div>
{/if}
{* Above lines added to set "Add to Basket" under the full size pictures *}

Hi Alec,

There are itemLinks in Carbon but they occur in a dropdown list on the right of the photo and the ADD TO CART is mixed in with all the others like VIEW SLIDESHOW etc.

To generate maximum revenue, I though it would be nice to have the ADD TO CART with a little icon immediately under the photo so it is always visible and not just one option in the dropdown list.

hazzy