Jump to content

mudar o campo descriçao e detalhes do produto de lugar


Recommended Posts

olá pessoal, estou fazendo um lojinha e gostaria de mudar a posição do campo detalhes e descrição do produto, ele fica no canto direito meio magrinho e encolhido, gostaria de deixar ele um pouco mais abaixo, mais visível, pegando de um lado ao outro da pagina, segue imagem:

detalhes.png

Edited by oblinez (see edit history)

Share this post


Link to post
Share on other sites

  • 3 weeks later...

Pois é meu amigo estou com o mesmo problema até que consegui fazer isso a trocar um ficheiro tpl por outro de um outro template que vinha como eu queria mas infelizmente apaguem a antiga loja e agora nao sei mais como o fiz nem onde era para mudar esse ficheiro, bem que os desenvolvedores da prestashop podia dizer onde ou ate mesmo dar o ficheiro ou codigo para a alteração porque esse template ai não gostei e muitas outras pessoas tambem nao para quem tem produtos com grandes descrições e com imagens acopladas nas descrições este tema tem muito a desejar.

 

Se sabes como fazer essa alteração passa a dica 

Share this post


Link to post
Share on other sites

  • 2 weeks later...
Em 13/01/2020 em 10:19 PM, oblinez disse:

olá pessoal, estou fazendo um lojinha e gostaria de mudar a posição do campo detalhes e descrição do produto, ele fica no canto direito meio magrinho e encolhido, gostaria de deixar ele um pouco mais abaixo, mais visível, pegando de um lado ao outro da pagina, segue imagem:

detalhes.png

Não é complicado de fazer isso não, mas precisa mover o código corretamente de um lugar para o outro nos arquivos .tpl do seu tema.

Dá uma olhadinha aqui: https://lojavirtual.neogest.com.br/women/brown-bear-printed-sweater.html

Fica mais fácil você vendo o html final.

  • Thanks 1

Share this post


Link to post
Share on other sites

Voce percebe alguma coisa de temas pois eu manjava um pouco da versão 1.6 agora ta tudo mudado.

Queria saber se consegue me mandar o tpl já com essa alteração e se possivel dizer quais as linhas originais e para onde as tenho de colocar.

Queria saber se me consegue ajudar a colocar tipo o tema com 2 colunas e como aumentar a parte home com mais artigos pois quando coloco no tema 2 colunas ela não estende bem a parte dos produtos para caber mais fica com os mesmo e isso não deveria acontecer a prestashop deveria ter de fazer as coisas como deve ser quando colocam essas opções.

 

Agradeço muito a ajuda estou a procura de um modulos de video e estou a testar um muito bom se conseguir me ajudar eu posso partilhar como forma de pagamento pela ajuda o que acha.

 

 

Share this post


Link to post
Share on other sites

O arquivo a ser editado é o: /themes/classic/templates/catalog/product.tpl

Você vai pegar o bloco da classe "product-information", recorta ele de onde está e posiciona ele a onde quer.

Depois que move-lo para onde você quer, basta colocar ele dentro de uma div com a classe "col-md-12".

Share this post


Link to post
Share on other sites

oi

Olha tentei mas deve estar faltando qualquer coisa voce pode fazer essa alteração para mim para ver como vc fez, eu vou te mandar o tpl da tema original meu eu tentei e testei mas fica sempre desconfigurado nao sei como nem porque?

 

Vou te mandar o ficheiro depois manda de novo para mim para ver como vc fez.

 

Te agradeço muito por me ajudar depois disso tenho outro problema que vou tentar arruma que é ter o tema com 2 colunas ja o fiz pelo admin mas os artigos não espandem o que é um problema que deveria ser resolvido pela prestashop pois é de raiz eles deveriam ver isso antes de mandar um tema novo.

 

Mas primeiro este problema para resolver

product.tpl

Share this post


Link to post
Share on other sites

  • 3 weeks later...
  • 5 months later...

Olá

Ja tentei mas o meu conhecimento de php nao deve ser tao bom quanto o seu consegue partilhar aqui o tema com a alteração feita ou ate mesmo o ficheiro modificado acho que todos nós aqui iriamos agradecer 

Share this post


Link to post
Share on other sites

  • 5 months later...
Em 13/01/2020 em 10:19 PM, oblinez disse:

olá pessoal, estou fazendo um lojinha e gostaria de mudar a posição do campo detalhes e descrição do produto, ele fica no canto direito meio magrinho e encolhido, gostaria de deixar ele um pouco mais abaixo, mais visível, pegando de um lado ao outro da pagina, segue imagem:

detalhes.png

Ola amigo ja conseguiu resolver seu problema?

 

Eu editei o meu a um tempo atrás, veja se te agrada desta forma, te passo o código para alteração.

 

https://somadedois.com.br

Edited by Mauricio Molina (see edit history)
  • Thanks 1

Share this post


Link to post
Share on other sites

  • 1 month later...
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.

Edited by Mauricio Molina (see edit history)

Share this post


Link to post
Share on other sites

  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More