{extends file="_base/models.html"}
{block name=title}SR22<sup>&reg;</sup>{/block}
{block name=topImg}SR22-hero.jpg{/block}
{block name=extraHeaderContent}
{/block}

{block name=body}
<!--<h1 class="small-product-title small">The Do-It-All Pistol For The Shooter Who Appreciates Style And Demands Reliability!</h1>-->


<!--<h1 class="small-product-title medium">The Ruger<sup>&reg;</sup> SR22<sup>&reg;</sup> Models</h1>-->
	<!--<h1 class="big-product-title small">Easy to field strip, fun to shoot, and will run reliably with a wide variety of ammunition (not just high-velocity ammunition).</h1>-->

<div class="alert-banner m-b-3">
	<a href="/dataProcess/sr22retrofit?r=models2">
		<strong>SR22&reg; Pistol</strong> Safety Bulletin - March 2024 Update - Learn More
	</a>
</div>

<div class="product-thumbs clearfix m-t-3 flex">
	{foreach $models as $model}
	<div class="product-thumb handgun de-overlay">
		<a href="specSheets/{$model.model}.html" class="image-link">
			<img src="images/{$model.model|makeNbsp}.jpg">
			{if $model.isNew}<img src="/img/new-icon.png" class="new-icon">{/if}
			{if $model.dealerExclusive && $model.distributorList}
			{foreach $model.distBuy as $dist}
			<p class="dist">{$dist.name} Distributor Exclusive</p>
			{/foreach}
			{/if}
			{if $model.altTitle}<p class="dist secondary">{$model.altTitle}</p>{/if}
		</a>

		<div class="specs single-col flex-grow">
			<table>
				<tr>
					<td>Model:</td>
					<td>{$model.model|makeNbsp}</td>
				</tr>
				<tr>
					<td>Caliber:</td>
					<td class="strong">{$model.caliber|makeNbsp}</td>
				</tr>
				<tr>
					<td>Capacity:</td>
					<td>{$model.capacity|decimalPlaces:0}+{$model.ext_capacity|decimalPlaces:0}</td>
				</tr>
				<tr>
					<td>Barrel Length:</td>
					<td>{$model.barrel_length|displayLengths}</td>
				</tr>
								{if $model.dealerExclusive != 1}
				<tr>
					<td>MSRP:</td>
					<td class="strong">${$model.msrp}</td>
				</tr>
				{/if}

				{if $model.modelAvailability}
				<tr>
					<td>Availability:</td>
					<td><span style="font-style: italic; color: #716d6d;" class="glossaryTerm" lookupTerm="modelavailability_{$model.modelAvailability|lower|replace:' ':'_'|escape:'html'}_{if $model.dealerExclusive eq 1}de{else}catalog{/if}">{$model.modelAvailability|capitalize|makeNbsp}</span></td>
				</tr>
				{/if}
			</table>
		</div>

		<div class="flex-grow"></div>

		<ul class="links">
			<li><a href="specSheets/{$model.model}.html">Spec Sheet</a></li>
			{if $model.distributor_buyonline}
			<li><a href="specSheets/{$model.model}.html?buy=1">Buy Now</a></li>
			{/if}
		</ul>
	</div>
	{/foreach}
</div>

<div class="features clearfix">
	<ul class="modern-columns">
		{foreach $flatFeatures as $feature}
		<li>
			{if $feature[1]}<a class="icon-circle-plus swipebox" href="images/features/{$feature[1]}" title="{$feature[0]}"></a>{/if}
			<p>{$feature[0]}</p>
		</li>
		{/foreach}
	</ul>
	<p class="statement">
		Features listed above are available on all standard models, but may not appear on Distributor Exclusive models. See individual spec sheets for model specific features.
	</p>
</div>




	<div class="video-wrap">
		<div class="fluid-video"><iframe class="vimeo-frame" src="https://player.vimeo.com/video/131268070" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

		<div class="video-list clearfix">
			<ul>
				<li data-url="131268070" class="active">Web Spot</li>
                <li data-url="131268192">Features</li>
			</ul>
			<ul>
				<li data-url="171786224">Threaded Barrel Installation</li>
				<li>&#160;</li>
			</ul>
			<ul>
				<li data-url="131272228">Disassembly / Reassembly</li>
				<li>&#160;</li>
			</ul>
		</div>
	</div>
    
      <h1 class="small-product-title med">Find Accessories for the SR22<sup>&reg;</sup> at ShopRuger.com:</h1>
            <div class="content product-scroll">
	<div class="left-arrow scroll-arrow" data-direction="left"></div>
	<div class="slider-wrap">
		<div class="slider">
			<div>
			<a href="http://shopruger.com/SR22/products/1100/" target="_blank">
                <img src="images/accessories/holster.jpg">
                <p>Holsters</p>
                <p class="category">Buy Now</p>
			</a>
			</div><div>
			<a href="http://shopruger.com/SR22/products/1100/" target="_blank">
				<img src="images/accessories/mags.jpg">
				<p>Magazines &amp; Loaders</p>
				<p class="category">Buy Now</p>
			</a>
		</div><div>
			<a href="http://shopruger.com/SR22/products/1100/" target="_blank">
				<img src="images/accessories/sights.jpg">
				<p>Sights, Lights &amp; Lasers</p>
				<p class="category">Buy Now</p>
			</a>
		</div><div>
			<a href="http://shopruger.com/Ruger-SR22-Threaded-Barrel-Kit/productinfo/90520/" target="_blank">
				<img src="images/accessories/barrel.jpg">
				<p>Threaded Barrel Kit</p>
				<p class="category">Buy Now</p>
			</a>
		</div>
		</div>
	</div>
	<div class="right-arrow scroll-arrow" data-direction="right"></div>
</div>

	<div class="family-link-btns">
		<a href="/dataProcess/ownerCard/"><img src="/img/family/link-btns/ownerNotification.jpg"></a><a href="../_locks/cableLock-SR22Pistol.pdf" target="_blank"><img src="/img/family/link-btns/locking-device.jpg"></a><a href="/safety/newFirearmOwnerResources.html"><img src="/img/family/link-btns/safety/NFOR.jpg"></a><a href="/dataProcess/tellTheCEO/"><img src="/img/family/link-btns/tellCEO.jpg"></a>
	</div>
{/block}

{block name=csBar}
	<li><a href="/dataProcess/manual/fetch.php/pl/{$common.productline}" target="_blank"><span class="icon-manual"></span><em>Instruction Manual</em></a></li>
	<li><a href="/dataProcess/customerService"><span class="icon-faq"></span><em>Customer Service</em></a></li>
	<li><a href="http://shopruger.com/SR22/products/1100/" target="_blank"><span class="icon-mag"></span><em>Accessories</em></a></li>
	<li><a href="/dataProcess/serialHistory/"><span class="icon-pound"></span><em>Serial # Lookup</em></a></li>
{/block}