Jump to content

Edit History

Mauricio Molina

Mauricio Molina

55 minutos atrás, Fabricioc disse:

Ola, estou com o mesmo problema, Mauricio voce poderia por favor me enviar este tpl?

obrigado

Ola meu amigo.

Segue o product.tpl da página de produtos.

Local: themes/*seutema*/templates/catalog

 

{**
 * 2007-2019 PrestaShop and Contributors
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [email protected] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2019 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}
{extends file=$layout}

{block name='head_seo' prepend}
  <link rel="canonical" href="{$product.canonical_url}">
{/block}

{block name='head' append}
  <meta property="og:type" content="product">
  <meta property="og:url" content="{$urls.current_url}">
  <meta property="og:title" content="{$page.meta.title}">
  <meta property="og:site_name" content="{$shop.name}">
  <meta property="og:description" content="{$page.meta.description}">
  <meta property="og:image" content="{$product.cover.large.url}">
  {if $product.show_price}
    <meta property="product:pretax_price:amount" content="{$product.price_tax_exc}">
    <meta property="product:pretax_price:currency" content="{$currency.iso_code}">
    <meta property="product:price:amount" content="{$product.price_amount}">
    <meta property="product:price:currency" content="{$currency.iso_code}">
  {/if}
  {if isset($product.weight) && ($product.weight != 0)}
  <meta property="product:weight:value" content="{$product.weight}">
  <meta property="product:weight:units" content="{$product.weight_unit}">
  {/if}
{/block}

{block name='content'}

  <section id="main" itemscope itemtype="https://schema.org/Product">
    <meta itemprop="url" content="{$product.url}">
	<link itemprop="availability" href="{$product.seo_availability}"/>
		<meta itemprop="priceCurrency" content="{$currency.iso_code}">
		<meta itemprop="priceValidUntil" content="{'Y'|date+1}-12-31" />
		<meta itemprop="mpn" content="{$product->reference}" />
		<meta itemprop="gtin13" content="{$product->ean13}" />
		<div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
			<meta itemprop="name" content="{$shop.name}" />
		</div>
		<div>{block name='product_reviews'}
          {hook h='displayProductListReviews' product=$product}
        {/block}
		</div>
		<div itemprop="review" itemtype="https://schema.org/Review" itemscope>
			<div itemprop="author" itemtype="https://schema.org/Person" itemscope>
				<meta itemprop="name" content="{$product.name}" />
			</div>        
		</div>

        
    <div class="row">
			<div class="col-md-6">
				{block name='page_content_container'}
				  <section class="page-content" id="content">
					{block name='page_content'}
					  <!-- @todo: use include file='catalog/_partials/product-flags.tpl'} -->
					  {block name='product_flags'}
						<ul class="product-flags">
						  {foreach from=$product.flags item=flag}
							<li class="product-flag {$flag.type}">{$flag.label}</li>
						  {/foreach}
						</ul>
					  {/block}

					  {block name='product_cover_thumbnails'}
						{include file='catalog/_partials/product-cover-thumbnails.tpl'}
					  {/block}
					  <div class="scroll-box-arrows">
						<i class="material-icons left">&#xE314;</i>
						<i class="material-icons right">&#xE315;</i>
					  </div>

					{/block}
				  </section>				
			
			
			<div class="col-sm-12">
				{block name='product_discounts'}
					{include file='catalog/_partials/product-discounts.tpl'}
				{/block}
			</div>
			
			{/block}
			</div>
		

			
			<div class="col-md-6">
				  {block name='page_header_container'}
					{block name='page_header'}
					  <h1 class="h1" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
					{/block}
				  {/block}
				  {block name='product_prices'}
					{include file='catalog/_partials/product-prices.tpl'}
				  {/block}

				<div class="product-information">
					{block name='product_description_short'}
					  <div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div>
					{/block}

					{if $product.is_customizable && count($product.customizations.fields)}
					  {block name='product_customization'}
						{include file="catalog/_partials/product-customization.tpl" customizations=$product.customizations}
					  {/block}
					{/if}

					<div class="product-actions">
					  {block name='product_buy'}
						<form action="{$urls.pages.cart}" method="post" id="add-to-cart-or-refresh">
						  <input type="hidden" name="token" value="{$static_token}">
						  <input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id">
						  <input type="hidden" name="id_customization" value="{$product.id_customization}" id="product_customization_id">

						  {block name='product_variants'}
							{include file='catalog/_partials/product-variants.tpl'}
						  {/block}

						  {block name='product_pack'}
							{if $packItems}
							  <section class="product-pack">
								<p class="h4">{l s='This pack contains' d='Shop.Theme.Catalog'}</p>
								{foreach from=$packItems item="product_pack"}
								  {block name='product_miniature'}
									{include file='catalog/_partials/miniatures/pack-product.tpl' product=$product_pack}
								  {/block}
								{/foreach}
							</section>
							{/if}
						  {/block}					
						  
											
							<div class="card card-add">							
							  {block name='product_add_to_cart'}
								{include file='catalog/_partials/product-add-to-cart.tpl'}
							  {/block}
							</div> 						
				</div> 			
					
				</div>
			</div>
	
		<div class="col-md-12">	
								<div class="card card-add">
								  {block name='product_additional_info'}
									{include file='catalog/_partials/product-additional-info.tpl'}
								  {/block}
								</div> 
						
							  {* Input to refresh product HTML removed, block kept for compatibility with themes *}
							  {block name='product_refresh'}{/block}
							</form>
						  {/block}

		</div>
	</div>
	

            {block name='hook_display_reassurance'}
              {hook h='displayReassurance'}
            {/block}
			
	<div class="row">
		<div class="col-md-12">
					{block name='product_tabs'}
			<div class="tabs">
						<ul class="nav nav-tabs" role="tablist">
						  {if $product.description}
							<li class="nav-item">
							   <a
								 class="nav-link{if $product.description} active{/if}"
								 data-toggle="tab"
								 href="#description"
								 role="tab"
								 aria-controls="description"
								 {if $product.description} aria-selected="true"{/if}>{l s='Description' d='Shop.Theme.Catalog'}</a>
							</li>
						  {/if}
						  <li class="nav-item">
							<a
							  class="nav-link{if !$product.description} active{/if}"
							  data-toggle="tab"
							  href="#product-details"
							  role="tab"
							  aria-controls="product-details"
							  {if !$product.description} aria-selected="true"{/if}>{l s='Product Details' d='Shop.Theme.Catalog'}</a>
						  </li>
						  {if $product.attachments}
							<li class="nav-item">
							  <a
								class="nav-link"
								data-toggle="tab"
								href="#attachments"
								role="tab"
								aria-controls="attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
							</li>
						  {/if}
						  {foreach from=$product.extraContent item=extra key=extraKey}
							<li class="nav-item">
							  <a
								class="nav-link"
								data-toggle="tab"
								href="#extra-{$extraKey}"
								role="tab"
								aria-controls="extra-{$extraKey}">{$extra.title}</a>
							</li>
						  {/foreach}
						</ul>

					<div class="tab-content" id="tab-content">
						 <div class="tab-pane fade in{if $product.description} active{/if}" id="description" role="tabpanel">
						   {block name='product_description'}
							 <div class="product-description">{$product.description nofilter}</div>
						   {/block}
						 </div>

						 {block name='product_details'}
						   {include file='catalog/_partials/product-details.tpl'}
						 {/block}
					</div>
			</div>
		</div>
	</div>			

                 {block name='product_attachments'}
                   {if $product.attachments}
                    <div class="tab-pane fade in" id="attachments" role="tabpanel">
                       <section class="product-attachments">
                         <p class="h5 text-uppercase">{l s='Download' d='Shop.Theme.Actions'}</p>
                         {foreach from=$product.attachments item=attachment}
                           <div class="attachment">
                             <h4><a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">{$attachment.name}</a></h4>
                             <p>{$attachment.description}</p
                             <a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">
                               {l s='Download' d='Shop.Theme.Actions'} ({$attachment.file_size_formatted})
                             </a>
                           </div>
                         {/foreach}
                       </section>
                     </div>
                   {/if}
                 {/block}

                 {foreach from=$product.extraContent item=extra key=extraKey}
                 <div class="tab-pane fade in {$extra.attr.class}" id="extra-{$extraKey}" role="tabpanel" {foreach $extra.attr as $key => $val} {$key}="{$val}"{/foreach}>
                   {$extra.content nofilter}
                 </div>
                 {/foreach}
             
          {/block}     
     

    {block name='product_accessories'}
      {if $accessories}
        <section class="product-accessories clearfix">
          <p class="h5 text-uppercase">{l s='You might also like' d='Shop.Theme.Catalog'}</p>
          <div class="products">
            {foreach from=$accessories item="product_accessory"}
              {block name='product_miniature'}
                {include file='catalog/_partials/miniatures/product.tpl' product=$product_accessory}
              {/block}
            {/foreach}
          </div>
        </section>
      {/if}
    {/block}

    {block name='product_footer'}
      {hook h='displayFooterProduct' product=$product category=$category}
    {/block}

    {block name='product_images_modal'}
      {include file='catalog/_partials/product-images-modal.tpl'}
    {/block}

    {block name='page_footer_container'}
      <footer class="page-footer">
        {block name='page_footer'}
          <!-- Footer content -->
        {/block}
      </footer>
    {/block}


{/block}
  </section>

Atualmente já fiz mais alterações no layout, veja se te agrada antes da mudança.

https://somadedois.com.br/caneca-dia-das-maes/527-caneca-dia-das-maes-caneca-mae-adjetivos.html

Lembrando que a mudança é apenas para telas maiores que celular.

Mauricio Molina

Mauricio Molina

40 minutos atrás, Fabricioc disse:

Ola, estou com o mesmo problema, Mauricio voce poderia por favor me enviar este tpl?

obrigado

Ola meu amigo.

Segue o product.tpl da página de produtos.

Local: themes/*seutema*/templates/catalog

 

{**
 * 2007-2019 PrestaShop and Contributors
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [email protected] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2019 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}
{extends file=$layout}

{block name='head_seo' prepend}
  <link rel="canonical" href="{$product.canonical_url}">
{/block}

{block name='head' append}
  <meta property="og:type" content="product">
  <meta property="og:url" content="{$urls.current_url}">
  <meta property="og:title" content="{$page.meta.title}">
  <meta property="og:site_name" content="{$shop.name}">
  <meta property="og:description" content="{$page.meta.description}">
  <meta property="og:image" content="{$product.cover.large.url}">
  {if $product.show_price}
    <meta property="product:pretax_price:amount" content="{$product.price_tax_exc}">
    <meta property="product:pretax_price:currency" content="{$currency.iso_code}">
    <meta property="product:price:amount" content="{$product.price_amount}">
    <meta property="product:price:currency" content="{$currency.iso_code}">
  {/if}
  {if isset($product.weight) && ($product.weight != 0)}
  <meta property="product:weight:value" content="{$product.weight}">
  <meta property="product:weight:units" content="{$product.weight_unit}">
  {/if}
{/block}

{block name='content'}

  <section id="main" itemscope itemtype="https://schema.org/Product">
    <meta itemprop="url" content="{$product.url}">
	<link itemprop="availability" href="{$product.seo_availability}"/>
		<meta itemprop="priceCurrency" content="{$currency.iso_code}">
		<meta itemprop="priceValidUntil" content="{'Y'|date+1}-12-31" />
		<meta itemprop="mpn" content="{$product->reference}" />
		<meta itemprop="gtin13" content="{$product->ean13}" />
		<div itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
			<meta itemprop="name" content="{$shop.name}" />
		</div>
		<div>{block name='product_reviews'}
          {hook h='displayProductListReviews' product=$product}
        {/block}
		</div>
		<div itemprop="review" itemtype="https://schema.org/Review" itemscope>
			<div itemprop="author" itemtype="https://schema.org/Person" itemscope>
				<meta itemprop="name" content="{$product.name}" />
			</div>        
		</div>

        
    <div class="row">
			<div class="col-md-6">
				{block name='page_content_container'}
				  <section class="page-content" id="content">
					{block name='page_content'}
					  <!-- @todo: use include file='catalog/_partials/product-flags.tpl'} -->
					  {block name='product_flags'}
						<ul class="product-flags">
						  {foreach from=$product.flags item=flag}
							<li class="product-flag {$flag.type}">{$flag.label}</li>
						  {/foreach}
						</ul>
					  {/block}

					  {block name='product_cover_thumbnails'}
						{include file='catalog/_partials/product-cover-thumbnails.tpl'}
					  {/block}
					  <div class="scroll-box-arrows">
						<i class="material-icons left">&#xE314;</i>
						<i class="material-icons right">&#xE315;</i>
					  </div>

					{/block}
				  </section>				
			
			
			<div class="col-sm-12">
				{block name='product_discounts'}
					{include file='catalog/_partials/product-discounts.tpl'}
				{/block}
			</div>
			
			{/block}
			</div>
		

			
			<div class="col-md-6">
				  {block name='page_header_container'}
					{block name='page_header'}
					  <h1 class="h1" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
					{/block}
				  {/block}
				  {block name='product_prices'}
					{include file='catalog/_partials/product-prices.tpl'}
				  {/block}

				<div class="product-information">
					{block name='product_description_short'}
					  <div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div>
					{/block}

					{if $product.is_customizable && count($product.customizations.fields)}
					  {block name='product_customization'}
						{include file="catalog/_partials/product-customization.tpl" customizations=$product.customizations}
					  {/block}
					{/if}

					<div class="product-actions">
					  {block name='product_buy'}
						<form action="{$urls.pages.cart}" method="post" id="add-to-cart-or-refresh">
						  <input type="hidden" name="token" value="{$static_token}">
						  <input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id">
						  <input type="hidden" name="id_customization" value="{$product.id_customization}" id="product_customization_id">

						  {block name='product_variants'}
							{include file='catalog/_partials/product-variants.tpl'}
						  {/block}

						  {block name='product_pack'}
							{if $packItems}
							  <section class="product-pack">
								<p class="h4">{l s='This pack contains' d='Shop.Theme.Catalog'}</p>
								{foreach from=$packItems item="product_pack"}
								  {block name='product_miniature'}
									{include file='catalog/_partials/miniatures/pack-product.tpl' product=$product_pack}
								  {/block}
								{/foreach}
							</section>
							{/if}
						  {/block}					
						  
											
							<div class="card card-add">							
							  {block name='product_add_to_cart'}
								{include file='catalog/_partials/product-add-to-cart.tpl'}
							  {/block}
							</div> 						
				</div> 			
					
				</div>
			</div>
	</div> 
	
	<div class="row">
		<div class="col-md-12">	
								<div class="card card-add">
								  {block name='product_additional_info'}
									{include file='catalog/_partials/product-additional-info.tpl'}
								  {/block}
								</div> 
						
							  {* Input to refresh product HTML removed, block kept for compatibility with themes *}
							  {block name='product_refresh'}{/block}
							</form>
						  {/block}

		</div>
	</div>
	

            {block name='hook_display_reassurance'}
              {hook h='displayReassurance'}
            {/block}
			
	<div class="row">
		<div class="col-md-12">
					{block name='product_tabs'}
			<div class="tabs">
						<ul class="nav nav-tabs" role="tablist">
						  {if $product.description}
							<li class="nav-item">
							   <a
								 class="nav-link{if $product.description} active{/if}"
								 data-toggle="tab"
								 href="#description"
								 role="tab"
								 aria-controls="description"
								 {if $product.description} aria-selected="true"{/if}>{l s='Description' d='Shop.Theme.Catalog'}</a>
							</li>
						  {/if}
						  <li class="nav-item">
							<a
							  class="nav-link{if !$product.description} active{/if}"
							  data-toggle="tab"
							  href="#product-details"
							  role="tab"
							  aria-controls="product-details"
							  {if !$product.description} aria-selected="true"{/if}>{l s='Product Details' d='Shop.Theme.Catalog'}</a>
						  </li>
						  {if $product.attachments}
							<li class="nav-item">
							  <a
								class="nav-link"
								data-toggle="tab"
								href="#attachments"
								role="tab"
								aria-controls="attachments">{l s='Attachments' d='Shop.Theme.Catalog'}</a>
							</li>
						  {/if}
						  {foreach from=$product.extraContent item=extra key=extraKey}
							<li class="nav-item">
							  <a
								class="nav-link"
								data-toggle="tab"
								href="#extra-{$extraKey}"
								role="tab"
								aria-controls="extra-{$extraKey}">{$extra.title}</a>
							</li>
						  {/foreach}
						</ul>

					<div class="tab-content" id="tab-content">
						 <div class="tab-pane fade in{if $product.description} active{/if}" id="description" role="tabpanel">
						   {block name='product_description'}
							 <div class="product-description">{$product.description nofilter}</div>
						   {/block}
						 </div>

						 {block name='product_details'}
						   {include file='catalog/_partials/product-details.tpl'}
						 {/block}
					</div>
			</div>
		</div>
	</div>
	
                 {block name='product_attachments'}
                   {if $product.attachments}
                    <div class="tab-pane fade in" id="attachments" role="tabpanel">
                       <section class="product-attachments">
                         <p class="h5 text-uppercase">{l s='Download' d='Shop.Theme.Actions'}</p>
                         {foreach from=$product.attachments item=attachment}
                           <div class="attachment">
                             <h4><a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">{$attachment.name}</a></h4>
                             <p>{$attachment.description}</p
                             <a href="{url entity='attachment' params=['id_attachment' => $attachment.id_attachment]}">
                               {l s='Download' d='Shop.Theme.Actions'} ({$attachment.file_size_formatted})
                             </a>
                           </div>
                         {/foreach}
						</section>
                     </div>
                   {/if}
                 {/block}

                 {foreach from=$product.extraContent item=extra key=extraKey}
                 <div class="tab-pane fade in {$extra.attr.class}" id="extra-{$extraKey}" role="tabpanel" {foreach $extra.attr as $key => $val} {$key}="{$val}"{/foreach}>
                   {$extra.content nofilter}
                 </div>
                 {/foreach}
             
          {/block}     
     

			{block name='product_accessories'}
			  {if $accessories}
				<section class="product-accessories clearfix">
				  <p class="h5 text-uppercase">{l s='You might also like' d='Shop.Theme.Catalog'}</p>
				  <div class="products">
					{foreach from=$accessories item="product_accessory"}
					  {block name='product_miniature'}
						{include file='catalog/_partials/miniatures/product.tpl' product=$product_accessory}
					  {/block}
					{/foreach}
				  </div>
				</section>
			  {/if}
			{/block}

			{block name='product_footer'}
			  {hook h='displayFooterProduct' product=$product category=$category}
			{/block}

			{block name='product_images_modal'}
			  {include file='catalog/_partials/product-images-modal.tpl'}
			{/block}

			{block name='page_footer_container'}
			  <footer class="page-footer">
				{block name='page_footer'}
				  <!-- Footer content -->
				{/block}
			  </footer>
			{/block}		  

		{/block}
</section>

Hoje já fiz mais alterações no layout, veja se te agrada antes da mudança.

https://somadedois.com.br/caneca-dia-das-maes/527-caneca-dia-das-maes-caneca-mae-adjetivos.html

Lembrando que a mudança é apenas para telas maiores que celular.

×
×
  • Create New...