The North Face Esperanza Short - Girls' from Backcountry.com

Home
- Kids'
  - Girls' Pants and Shorts
    - Girls' Casual Shorts
      - The North Face Esperanza Short - Girls'

Unconditional money back guarantee – Welcome to gear gluttony

2
More

Guru Photos

No photos have been uploaded yet.
Be the first to upload your photo of the Esperanza Short - Girls'. >

The North Face Esperanza Short - Girls'

The North Face Girls’ Esperanza Short rolls up a few inches when your girl starts to warm up during your summer picnic. Your gal can leave this short at its natural 7-inch inseam, or roll the cuffs up, secure them with two outer tabs, and make a cooling, 4-inch inseam. Two crooked patch pockets on the back add a bit of personality to these soft, casual shorts.

Bottom Line: Four or seven inches.

Product Wall

Talk shop with all the gear freaks out there: ask 'em questions, upload/browse photos, and give your 2¢.

Hi, throw your review on the Product Wall to show your Gear-telligence.

Hi, got a question? Ask on the Product Wall.

Hey write a Review. Be the first. >

Got a question about this product? Other gear freaks might know the answer. >

Be the first to upload your photo of the Esperanza Short - Girls'. >

<form class="ask_question_form solicit_expanded" name="ask_question" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/question/TNF3889/${question_id}">
		<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close Edit Question" class="flag_close"></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<h3></h3>
		<div class="error_message"></div>
		<div class="textarea_container">
  		<textarea name="question_content" onkeyup="BCNTRY.wall.PDP.question_content_onkeyup(this.form)">${content}</textarea>
		</div>
		<div class="content_image_upload_container">
			{if img_el}
				<input type="hidden" class="delete_cust_image" name="delete_cust_image" value="0" />
				${img_el}
				<h4 class="collapsed">
					Attach a different image to your question.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q collapsed" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<p class="deleted_message" style="display:none">Photo deleted.</p>
				<div class="input_container" style="display:none">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
				<ul class="action_container">
					<li><a onclick="BCNTRY.wall.PDP.toggle_edit_content_photo_onclick(this)" class="upload_new_photo">Upload a different photo</a></li>
					<li><a onclick="BCNTRY.wall.PDP.delete_content_photo_onclick(this)" class="delete_current_photo">Delete Photo</a></li>
				</ul>
			{else}
				<h4>
					Attach an image to your question.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<div class="input_container">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
			{/if}
		</div>
		<input type="image" src="http://content.backcountry.com/images/bcs/buttons/ask_question.gif" alt="Submit Your Question" class="ask_question_button" />
		<span class="question_chars"></span>
	</form>

<form class="provide_answer_form solicit_expanded" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/answer/TNF3889/${question_id}.html?answer_id=${answer_id}">
		<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the answer form" class="flag_close"/></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<input type="hidden" name="answer_id" value="${answer_id}" />
		<input type="hidden" name="answer_edit" value="1" />
		<h3>Impart your wisdom.</h3>
		<div class="error_message"></div>
		<div class="textarea_container">
  		<textarea name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this.form)">${content}</textarea>
		</div>
		<div class="content_image_upload_container">
			{if img_el}
				<input type="hidden" class="delete_cust_image" name="delete_cust_image" value="0" />
				${img_el}
				<h4 class="collapsed">
					Attach a different image to your answer.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q collapsed" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
                <p class="deleted_message" style="display:none">Photo deleted.</p>
				<div class="input_container" style="display:none">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
				<ul class="action_container">
					<li><a onclick="BCNTRY.wall.PDP.toggle_edit_content_photo_onclick(this)" class="upload_new_photo">Upload a different photo</a></li>
					<li><a onclick="BCNTRY.wall.PDP.delete_content_photo_onclick(this)" class="delete_current_photo">Delete Photo</a></li>
				</ul>
			{else}
				<h4>
					Attach an image to your question.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<div class="input_container">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
			{/if}
		</div>
		<input type="image" src="http://content.backcountry.com/images/bcs/buttons/answer_it.gif" alt="Submit Answer" onclick="BCNTRY.wall.PDP.answer_question_onclick(this.form)" class="answer_it_button" />
		<span class="answer_chars"></span>
	</form>

<form class="write_a_review solicit_expanded" method="POST" id="submitReviewForm" name="submit_review" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/review/TNF3889.html?review_id=${id}">
		<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close Edit Review" class="flag_close"></a></span>
		<input type="hidden" name="review_id" value="${id}" />
		<h3></h3>
		<h3>Hey , write a Review. Others want your opinion. </h3>
		<div class="error_message" id="review_title_error"></div>
		<input type="text" name="review_title" id="review_title" value="${title}"/>
		<div class="ratingBar">
			<ul id="rating"><li> </li><li> </li><li> </li><li> </li><li> </li></ul>
			<span></span>
			<input type="hidden" name="review_rank" value="${rank}" />
		</div>
		<div class="error_message" id="review_comments_error"></div>
		<div class="textarea_container">
			<textarea name="review_comments" class="review_comments" id="review_comments" rows="5" cols="40">${body}</textarea>
			<input type="hidden" name="review_comments_default" value="Let 'er rip." />
		</div>
		<div class="content_image_upload_container">
			{if img_el}
				<input type="hidden" class="delete_cust_image" name="delete_cust_image" value="0" />
				${img_el}
				<h4 class="collapsed">
					Attach a different image to your review.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q collapsed" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<p class="deleted_message" style="display:none">Photo deleted.</p>
				<div class="input_container" style="display:none">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
				<ul class="action_container">
					<li><a onclick="BCNTRY.wall.PDP.toggle_edit_content_photo_onclick(this)" class="upload_new_photo">Upload a different photo</a></li>
					<li><a onclick="BCNTRY.wall.PDP.delete_content_photo_onclick(this)" class="delete_current_photo">Delete Photo</a></li>
				</ul>
			{else}
				<h4>
					Attach an image to your review.
					<span class="optional">(Optional)</span>
				</h4>
				<p class="cpi_q" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
				<div class="input_container">
					<label id="cust_image_lbl" for="cust_image">Choose file:</label>
					<input type="file" name="cust_image" />
				</div>
			{/if}
		</div>
		<div class="error_message" id="review_other_error"></div>
		<input type="image" src="http://content.backcountry.com/images/bcs/content_upload/edit_review.gif" id="submitReviewLink" class="submit_review_button"/>
		<div id="review_progress"></div>
	</form>

{if display == 'inactive'}
        <div class="question>
            <div class="question_by"></div>
            {if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
            </div>
        </div>
	{elseif display == 'flagged'}
		<div class="question">
			<div class="question_text"><span onclick="BCNTRY.wall.PDP.view_flagged_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a></span></div>
			<div class="question_by"> </div>
			{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
			{if messaging.answer}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}
		</div>
	{else}
	<input type="hidden" id="question_${question_id}_body" value="${body}" />
	<input type="hidden" id="question_${question_id}_img_url" value="${image_url_small}" />
	<div class="question">
		{if image_url_small}
			<div class="content_image">
                <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
					${image_el_small}
				</a>
				<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="return false;">Zoom</a></span>
				</a>
			</div>
		{/if}
		<div class="content_right{if ! image_url_small} expanded{/if}">
			<h3><a href="${qanda_link}">${title}</a></h3>
			<div class="question_text"><p>${body}</p></div>
			<div class="question_by">
				<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
						<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
						{if user.badges}
							{for badge in user.badges}
								${badge.image_el} 
							{/for}
						{/if}
				<br />${date}</p>
			</div>
			<form class="helpfulness_form">
				<input type="hidden" name="content_type" value="question" />
				<input type="hidden" name="content_id" value="${question_id}" />
				<input type="hidden" name="is_helpful" value="" />
				<p>
					Was this helpful?
					${helpful_html}
				</p>
			</form>
			<p class="question_options">
				{if flagged}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
				{else}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
				{/if}
				{if user.id == curr_user.id}
					<span class="editq_link" onclick="BCNTRY.wall.PDP.edit_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_question_submit_onclick(this, '${question_id}');"><a href="#" onclick="return false;" rel="nofollow">Delete This</a></span>
				{/if} 
				<div class="error_message"></div>
			</p>
			{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
		</div>
	</div>
        {for answer in answers}
		<input type="hidden" id="answer_${answer.answer_id}_body" value="${answer.body}" />
		<input type="hidden" id="answer_${answer.answer_id}_img_url" value="${answer.image_url_small}" />
        <div class="answer" id="answer_${answer.answer_id}">
        {if answer.display == 'flagged'}
            <div class="answer_text"><span onclick="BCNTRY.wall.PDP.view_flagged_answer_onclick(this, '${question_id}','${answer.answer_id}')"><a href="#" onclick="return false;" rel="nofollow">${answer.flagged_description}</a></span>
            
        {else}
			{if answer.image_url_small}
				<div class="content_image">
                    <a class="cpi_zoom" rel="nofollow" href="${answer.image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
						${answer.image_el_small}
					</a>
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${answer.image_url_large}" onclick="return false;">Zoom</a></span>
					</a>
				</div>
			{/if}
			<div class="content_right{if ! answer.image_url_small} expanded{/if}">
				<div class="answer_text"><p>${answer.body}</p></div>
				<div class="answer_info">
					<p>By: <a class="user_profile_link" href="${answer.user.profile_url}">${answer.user.display_name}</a>
							<a class="user_profile_link" href="${answer.user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
							{if answer.user.badges}
								{for badge in answer.user.badges}
									${badge.image_el}
								{/for}
							{/if}

<br />${answer.date}</p>
				</div>
				<form class="helpfulness_form">
					<input type="hidden" name="content_type" value="answer" />
					<input type="hidden" name="content_id" value="${answer.answer_id}" />
					<input type="hidden" name="is_helpful" value="" />
					<p>
						Was this helpful?
						${answer.helpful_html}
					</p>
				</form>
				<p class="answer_options">
					{if answer.flagged}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_answer_onclick(this, '${question_id}', '${answer.answer_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
					{else}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
					{/if}
					{if answer.user.id == curr_user.id}
						<span class="improve_link" onclick="BCNTRY.wall.PDP.improve_answer_onclick(this, '${question_id}', '${answer.answer_id}');"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
						<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_answer_submit_onclick(this, '${question_id}', '${answer.answer_id}');"><a href="#" onclick="return false;" rel="nofollow">Delete This</a></span>
					{/if}
					<div class="error_message"></div>
				</p>
			</div>
        {/if}
        {if messaging.answer}{if messaging.answer_id == answer.answer_id}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}{/if}
        </div>
        {/for}

{if solicit_answer_display == 'normal' }
			<div class="answer">
				<div class="answer_container">
					 <form class="provide_answer_form" name="answer_question" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/answer/TNF3889/${question_id}.html">
						<input type="hidden" name="question_id" value="${question_id}"/>
						<input type="hidden" name="answer_id" value="" />
						<h3>Got an answer for ${user.display_name}?</h3>
						<div class="error_message"></div>
						<div class="textarea_container">
							<textarea class="answer_content" name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this.form)"></textarea>
							<input type="hidden" name="answer_content_default" value="" />
						</div>
						<div class="content_image_upload_container">
							<h4 class="expanded">
								Attach an image to your answer.
								<span class="optional">(Optional)</span>
							</h4>
							<p class="cpi_q expanded" id="tandc">I own the rights to this image and confirm that it meets Backcountry.com standards. I have read and accept the <a href="#" id="terms_and_conditions_link" onclick="show_hint('terms_and_conditions','terms_and_conditions_link');return false;">Terms and Conditions.</a>.</p>
							<div>
								<label id="cust_image_lbl" for="cust_image">Choose file:</label>
								<input type="file" name="cust_image" />
							</div>
						</div>
						<input type="image" src="http://content.backcountry.com/images/bcs/buttons/answer_it.gif" alt="Submit Answer" class="answer_it_button" />
						<span class="answer_chars"></span>
					</form>
				</div>
			</div>
		{else}
			<div class="answer_solicit">
				<p><a href="https://www.backcountry.com/store/content_upload/answer/TNF3889/${question_id}.html" rel="nofollow">Answer ${user.display_name}'s question ></a></p>
			</div>
		{/if}
	{/if}

{if display == 'normal'}
		<div class="cpi_item">
			<div class="image_area">
                <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
					${url_small_html}
				</a>
			</div>
			<div class="cpi_right">
				<h3><a href="${ucp_link}" >${title}</a></h3>
				<div class="image_by">
					<p>
						By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
						<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
						{if user.badges}
							{for badge in user.badges}
								${badge.image_el}
							{/for}
						{/if}

<br /><span class="cpi_date">${display_date}</span>
					</p>
				</div>
				<p class="cpi_desc">${description}</p>
				<form class="helpfulness_form">
					<input type="hidden" name="content_type" value="user_product_image" />
					<input type="hidden" name="content_id" value="${id}" />
					<input type="hidden" name="is_helpful" value="" />
					<p>
						Was this helpful?
						${helpful_html}
					</p>
				</form>
				<p class="image_options">
					{if flagged}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_cpi_onclick(this, '${id}');"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
					{else}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_cpi_onclick(this, '${id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
					{/if}
					{if owned_by_current_user}
						<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_cpi_submit_onclick(this, '${id}');"><a href="#" onclick="return false;" rel="nofollow">Delete Photo</a></span>
						<span class="improve_link" onclick="window.location='https://www.backcountry.com/store/content_upload/cpi_edit/TNF3889.html?image_id=${id}';"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span>
					{/if}
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();BCNTRY.product_wall_image_zoom(this.parentNode.parentNode)"><a class="cpi_zoom" href="${image_url_large}" onclick="return false;">Zoom</a></span>
				</p>
			</div>
			{if message}<div class="cpi_flagged confirmation">${message}</div>{/if}
			<div class="error_message"></div>
		</div> 
	 	<div class="cpi_right">
			<div class="the_comments">
				{if comment.comment_count > 0}
					<p class="cpi_options">
						<div class="comment_summary" id=${comment.comment_count}>
							  <h4 class="thread_info">
								  <a href="#" onclick="BCNTRY.wall.PDP.toggle_comments_onclick(this, 'cpi', '${id}');return false;" class="comments_toggler">${comment.comment_count} {if comment.comment_count == 1} Comment {else} Comments {/if}</a> 
								  Last Comment: <span class="cpi_date">${comment.latest_comment_submit_dt}</span>
								  by: <a class="user_profile_link"  href="${comment.profile_url}">${comment.latest_comment_user_display_name}</a>
							  </h4>
						 </div>
						 <div class="threaded_comments_cpi"></div>
					</p>
				{/if}
				<div class="error_message"></div>
				{if comment.solicit_comment_display == 'normal'}
					<div class="inline_solicitation">
					  <div class="comment_container">
							<form class="provide_comment_form" name="comment_cpi" method="POST" enctype="multipart/form-data" action="https://www.backcountry.com/store/content_upload/cpicomment/TNF3889/${id}" >
								<input type="hidden" name="content_id" value="${id}" />
								<input type="hidden" name="content_type" value="cpi" />
								<div class="error_message"></div>
								<div class="textarea_container"> 
									<textarea class="comment_content" name="comment_content" onkeyup="BCNTRY.wall.PDP.comment_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.comment_content_onfocus(this.form)">Write your comment here...</textarea>
									<input type="hidden" name="comment_content_default" value="Write your comment here..." /> 
								</div> 
								<input type="image" src="http://content.backcountry.com/images/bcs/buttons/comment_it.gif" alt="Submit Comment"  class="answer_it_button" /> 
								<span class="comment_chars"></span>
							</form>
						</div> 
					</div>
				{elseif comment.solicit_comment_display == 'collapsed'}
					<div id="comment_solicit" class="comment_solicit">
						<p><a href="http://www.backcountry.com/store/content_upload/cpicomment/TNF3889/" rel="nofollow">Comment on ${user.display_name}'s photo ></a></p>
					</div>
				{/if}
		 	</div> 
		 	<div class="error_message"></div>
		</div> 
	{elseif display == 'flagged'}
		<div class="cpi_item">
			<div class="cpi_text">
				<p class="user_flagged_text">
					<span onclick="BCNTRY.wall.PDP.flag_cpi_show_onclick(this, '${id}')">
						<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
					</span>
				</p>
			</div>
			{if message}<div class="cpi_flagged confirmation">${message}</div>{/if}
		</div>
	{/if}

<div class="flag_container">
		<form class="flag_as_offensive" method="post" onsubmit="return false;" action="#">
			{if content_type == 'comment'}
				<input type="hidden" name="comment_id" value="${comment_id}"/>
			{else}
				{if content_type == 'answer'}
					<input type="hidden" name="question_id" value="${question_id}"/>
				{else}
					<input type="hidden" name="question_id" value="${content_id}"/>
				{/if}
				
				<input type="hidden" name="answer_id" value="${content_id}"/>
				<input type="hidden" name="cpi_id"    value="${content_id}"/>
				<input type="hidden" name="review_id" value="${content_id}"/>
			{/if}
			<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the flagging form" class="flag_close"/></a></span>

<h4>Something rub you the wrong way?</h4>
			<p>Thanks for pointing it out. We'll send it immediately to our clean up crew. If you don't mind pointing us in the right direction...</p>
			<div class="error_message"></div>
			<p>
				This post was:
				<input type="text" name="flag_description" />
				(Optional)
			</p>
			<div class="clearb"></div>
			{if is_from_carousel}
				<input class="save_answer_button" onclick="BCNTRY.wall.PDP.flag_carousel_${content_type}_submit_onclick(this.form)" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" />
			{else}
				<input class="save_answer_button" onclick="BCNTRY.wall.PDP.flag_${content_type}_submit_onclick(this.form)" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" />
			{/if}
		</form>
	</div>

<div class="review" id="review_${review_id}">
		<div>
			{if image_url_small}
				<div class="content_image">
                    <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
						${image_el_small}
					</a>
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="return false;">Zoom</a></span>
					</a>
				</div>
			{/if}
			${review_rank_img}
			<h3><a href="${review_link}">${title}</a></h3>
            <p>By: <a class="user_profile_link" href="${review_profile_link}"> ${review_display_name} </a>
                   <a class="user_profile_link" href="${review_profile_link}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				   {if user.badges}
					   	{for badge in user.badges}
							${badge.image_el}
						{/for}
					{/if}
                <br/><span class="review_date">${review_date}</span></p>			
            <div class="review_text">
            <p>${review_comments}</p>
            </div>
            <form class="helpfulness_form">
                <input type="hidden" name="content_type" value="review" />
                <input type="hidden" name="content_id" value="${review_id}" />
                <input type="hidden" name="is_helpful" value="" />
                <p>
                    Was this helpful?
                    ${helpful_html}
                </p>
				<p class="review_options">
					<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
       	               <span class="improve_link" onclick="window.location='${editReviewURL}'">
              		       	<a href="#" onclick="return false;" rel="nofollow">Tweak This</a>
       	       	       </span>
     					<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_review_submit_onclick(this, '${review_id}')">
				   		<a href="#" onclick="return false;" rel="nofollow">Delete Review</a>
					</span>
				</p>
				<div class="confirmation">Thanks for the review, ${review_display_name}.</div>
           </form>
		</div>
	</div>

{if display == 'normal'}
		<input type="hidden" id="review_${review_id}_title" value="${title}" />
		<input type="hidden" id="review_${review_id}_rank" value="${rank}" />
		<input type="hidden" id="review_${review_id}_body" value="${body}" />
		<input type="hidden" id="review_${review_id}_img_url" value="${image_url_small}" />
		${rank_image}
		<div class="review_item">
			{if image_url_small}
				<div class="content_image">
                    <a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="track_pdp_user_image_zoom();return hs.expand(this);">
						${image_el_small}
					</a>
					<span class="zoom_link" onclick="track_pdp_user_image_zoom();return BCNTRY.product_wall_image_zoom(this)"><a class="cpi_zoom" rel="nofollow" href="${image_url_large}" onclick="return false;">Zoom</a></span>
					</a>
				</div>
			{/if}
			<div class="content_right{if ! image_url_small} expanded{/if}">
				<h3><a href="${review_link}">${title}</a></h3>
				<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a> 
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					{if user.badges}
						{for badge in user.badges}
							${badge.image_el}
						{/for}
					{/if}
					<br /><span class="review_date">${date}</span>
				</p>
				<div class="review_text"><p>${body}</p></div>

<form class="helpfulness_form">
						<input type="hidden" name="content_type" value="review" />
						<input type="hidden" name="content_id" value="${review_id}" />
						<input type="hidden" name="is_helpful" value="" />
					<p>
						Was this helpful?
						${helpful_html}
					</p>
				</form>
				<p class="review_options">
					{if flagged}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
					{else}
						<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_review_onclick(this, '${review_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
					{/if}

{if owned_by_current_user}
							<span class="improve_link" onclick="BCNTRY.wall.PDP.edit_review_onclick(this, ${review_id})">
								<a href="#" onclick="return false;" rel="nofollow">Tweak This</a>
							</span>
							<span class="edit_img_link" onclick="BCNTRY.wall.PDP.inactivate_review_submit_onclick(this, '${review_id}')">
							<a href="#" onclick="return false;" rel="nofollow">Delete Review</a>
						</span>
					{/if}
				</p>
			{if message}<div class="review_flagged confirmation">${message}</div>{/if}
			<div class="error_message"></div>
		</div>
		</div> 
		<div class="the_comments">
		{if comment.comment_count > 0}
			<div class="comment_summary" id=${comment.comment_count}>
				  <h4 class="thread_info">
					  <a href="#" onclick="BCNTRY.wall.PDP.toggle_comments_onclick(this, 'review', '${review_id}');return false;" class="comments_toggler">${comment.comment_count} {if comment.comment_count == 1} Comment {else} Comments {/if}</a> 
					  Last Comment: <span class="review_date">${comment.latest_comment_submit_dt}</span>  
					  by: <a class="user_profile_link"  href="${comment.profile_url}">${comment.latest_comment_user_display_name}</a>
				  </h4>
			 </div>
		{else}
			<div class="comment_summary" id=0></div>
		{/if}
			 <div class="threaded_comments_review"></div>
		{if comment.solicit_comment_display == 'normal'}
			<div class="inline_solicitation">
			  <div class="comment_container">
					<form class="provide_comment_form" name="comment_review" method="POST" enctype="multipart/form-data"  action="https://www.backcountry.com/store/content_upload/reviewcomment/TNF3889/${review_id}">
						<input type="hidden" name="content_id" value="${review_id}" />
						<input type="hidden" name="content_type" value="review" />
						<div class="error_message"></div>
						<div class="textarea_container"> 
							<textarea class="comment_content" name="comment_content" onkeyup="BCNTRY.wall.PDP.comment_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.comment_content_onfocus(this.form)">Write your comment here...</textarea>
							<input type="hidden" name="comment_content_default" value="Write your comment here..." /> 
						</div> 
						<input type="image" src="http://content.backcountry.com/images/bcs/buttons/comment_it.gif" alt="Submit Comment" class="answer_it_button" /> 
						<span class="comment_chars"></span>
					</form>
				</div> 
			</div>
			<div class="clearb"></div>
		{elseif comment.solicit_comment_display == 'collapsed'}
			<div id="comment_solicit" class="comment_solicit">
				<p><a href="http://www.backcountry.com/store/content_upload/reviewcomment/TNF3889/" rel="nofollow">Comment on ${user.display_name}'s review ></a></p>
			</div>
		{/if}
		</div> 
	{elseif display == 'flagged'}
		<div class="review_item">
			<div class="review_text">
				<p class="user_flagged_text">
					<span onclick="BCNTRY.wall.PDP.view_flagged_review_onclick(this, '${review_id}')">
						<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
					</span>	
				</p>
			</div>
			{if message}<div class="review_flagged confirmation">${message}</div>{/if}
		</div>
	{/if}

{if display == 'normal'}
 		<div class="comment_info">
			<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a> 
				<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				{if user.badges}
					{for badge in user.badges}
						${badge.image_el}
					{/for}
				{/if}
				<br />
				<span class="comment_date">${date}</span>
			</p>
		</div>
		<div class="comment_content">
		<div class="comment_text"><p>${body}</p></div>
	
		<p class="comment_options">
			{if flagged}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.unflag_comment_onclick(this,'${id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span>
			{else}
				<span class="flag_link" onclick="BCNTRY.wall.PDP.flag_comment_onclick(this, '${id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span>
			{/if}
			<div class="error_message"></div>
		</p>
		
		<form class="helpfulness_form">
			<input type="hidden" name="content_type" value="comment" />
			<input type="hidden" name="content_id" value="${id}" />
		   	<input type="hidden" name="is_helpful" value="" />
			<p>
           		Was this helpful?
	           	${helpful_html}
    	  	</p>
		</form>

</div>
		{if message}<div class="comment_flagged confirmation">${message}</div>{/if}
	{elseif display == 'flagged'}
			<div class="comment_text">
				<p class="user_flagged_text">
					<span onclick="BCNTRY.wall.PDP.view_flagged_comment_onclick(this, '${id}')">
						<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
					</span>
				</p>
			</div>
			<div class="error_message"></div>
			{if message}<div class="comment_flagged confirmation">${message}</div>{/if}
	{/if}

Change me.

Tech Specs:

Material:: 45% Cotton, 40% linen, 15% jute
Inseam:: [Unrolled] 7in (17.7cm); [Rolled] 4in (10cm)
Waist:: Belt loops, internal drawstring
Pockets:: 2 Front, 2 back
Gusseted Crotch:: No
Recommended Use:: Casual, play
Manufacturer Warranty:: 1 Year

Backcountry.com

Clothing

Gear

Accessories

Uploaded By:

Was this helpful?

Close

Flag This

The North Face Esperanza Short - Girls'

Please choose an option to order this item.

Backcountry.com Gift Bag

The North Face Esperanza Short - Girls'

Product Wall

Tech Specs:

Customers Who Bought This Item Also Bought: