Prestahop 1.7.6 How to remove/disable Product page?

[kugan80]

How can i remove/disable product page?

Just wanted the homepage with product quick view only.

How can be this done? anyone can guide me?

[PrestaServicePro]

Hello,

Do you want to remove "product page" only for homepage? What is the your PS version?

[kugan80]

I'm using v 1.7.6.7

I don't want it's redirect to product page (product details) page.

[PrestaServicePro]

Okay, i understood you, but i want to know, do you wanna apply it only for homepage? I mean the customer will not be able to enter product page from homepage. But, from category page it will be possible.

[kugan80]

Block from everywhere.

[PrestaServicePro]

Follow my steps, please:

1) Enter folder list of PS.

2) Find themes folder > enter it.

3) Find current theme's folder > enter it.

4) Inside this folder find temples > catalog > _partials > miniatures. Here you will see "product.tpl" file. Open it in text editor.

At the beginning you will see code like that: 

{block name='product_thumbnail'}
                        <a href="{$product.url}" class="thumbnail product-thumbnail">
                            <img
                                src = "{$product.cover.bySize.home_default.url}"
                                alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
                                data-full-size-image-url = "{$product.cover.large.url}" />
                        </a>
                    {/block}

He you need to remove "<a href="{$product.url}" class="thumbnail product-thumbnail">" and "</a>", then save the file + clear cache of the shop + check the result.

[kugan80]

7 hours ago, PrestaServicePro said:

Follow my steps, please:

1) Enter folder list of PS.

2) Find themes folder > enter it.

3) Find current theme's folder > enter it.

4) Inside this folder find temples > catalog > _partials > miniatures. Here you will see "product.tpl" file. Open it in text editor.

At the beginning you will see code like that: 

{block name='product_thumbnail'}
                        <a href="{$product.url}" class="thumbnail product-thumbnail">
                            <img
                                src = "{$product.cover.bySize.home_default.url}"
                                alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
                                data-full-size-image-url = "{$product.cover.large.url}" />
                        </a>
                    {/block}

He you need to remove "<a href="{$product.url}" class="thumbnail product-thumbnail">" and "</a>", then save the file + clear cache of the shop + check the result.

Thanks for your answer, anyway when i remove the line you mention there is error as per attached screenshot. Images not showing accordingly. how can i fix it?

 

[PrestaServicePro]

Do you attached the modified part of the code? If seems you make something wrong, it must not be like that.

[kugan80]

1 minute ago, PrestaServicePro said:

Do you attached the modified part of the code? If seems you make something wrong, it must not be like that.

Here is the code

          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img
              src="{$link->getImageLink($product.link_rewrite, $coverImageId)}"
              alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
              data-full-size-image-url="{$product.cover.large.url}"
              />
          </a>

i change to

            <img
              src="{$link->getImageLink($product.link_rewrite, $coverImageId)}"
              alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
              data-full-size-image-url="{$product.cover.large.url}"
              />

 

Correct me if anything went wrong.

 

[kugan80]

Here is my product.tpl code

 

{**
 * 2007-2020 PrestaShop SA 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-2020 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
 *}
{block name='product_miniature_item'}
<div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  <meta itemprop="position" content="{$position}" />
  <article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemprop="item" itemscope itemtype="http://schema.org/Product">
    <div class="thumbnail-container">
      {block name='product_thumbnail'}
        {if $product.cover}
          {assign var='coverImage' value=Product::getCover($product->id)}
          {assign var='coverImageId' value="{$product->id}-{$coverImage.id_image}"}

            <img
              src="{$link->getImageLink($product.link_rewrite, $coverImageId)}"
              alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
              data-full-size-image-url="{$product.cover.large.url}"
              />

        {else}
          <a href="{$product.url}" class="thumbnail product-thumbnail">
            <img src="{$urls.no_picture_image.bySize.home_default.url}" />
          </a>
        {/if}
      {/block}

      <div class="product-description">
        {block name='product_name'}
          {if $page.page_name == 'index'}
            <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h3>
          {else}
            <h2 class="h3 product-title" itemprop="name"><a href="{$product.url}" itemprop="url" content="{$product.url}">{$product.name|truncate:30:'...'}</a></h2>
          {/if}
        {/block}

        {block name='product_price_and_shipping'}
          {if $product.show_price}
            <div class="product-price-and-shipping">
              {if $product.has_discount}
                {hook h='displayProductPriceBlock' product=$product type="old_price"}

                <span class="regular-price" aria-label="{l s='Regular price' d='Shop.Theme.Catalog'}">{$product.regular_price}</span>
                {if $product.discount_type === 'percentage'}
                  <span class="discount-percentage discount-product">{$product.discount_percentage}</span>
                {elseif $product.discount_type === 'amount'}
                  <span class="discount-amount discount-product">{$product.discount_amount_to_display}</span>
                {/if}
              {/if}

              {hook h='displayProductPriceBlock' product=$product type="before_price"}

              <span class="price" aria-label="{l s='Price' d='Shop.Theme.Catalog'}">{$product.price}</span>
              <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="invisible">
                <meta itemprop="priceCurrency" content="{$currency.iso_code}" />
                <meta itemprop="price" content="{$product.price_amount}" />
              </div>

              {hook h='displayProductPriceBlock' product=$product type='unit_price'}

              {hook h='displayProductPriceBlock' product=$product type='weight'}
            </div>
          {/if}
        {/block}

        {block name='product_reviews'}
          {hook h='displayProductListReviews' product=$product}
        {/block}
      </div>

      {include file='catalog/_partials/product-flags.tpl'}

      <div class="highlighted-informations{if !$product.main_variants} no-variants{/if} hidden-sm-down">
        {block name='quick_view'}
          <a class="quick-view" href="#" data-link-action="quickview">
            <i class="material-icons search">&#xE8B6;</i> {l s='Quick view' d='Shop.Theme.Actions'}
          </a>
        {/block}

        {block name='product_variants'}
          {if $product.main_variants}
            {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
          {/if}
        {/block}
      </div>
    </div>
  </article>
</div>
{/block}

 

[PrestaServicePro]

Hmm strange, actually you did my suggested correctly, i want to make a small debug in your shop. If is possible to get admin and ftp credentials to check it? 

[kugan80]

13 minutes ago, PrestaServicePro said:

Hmm strange, actually you did my suggested correctly, i want to make a small debug in your shop. If is possible to get admin and ftp credentials to check it? 

Actually I'm testing on my laptop using XAMPP, if you don't mind can help me via Skype?

[kugan80]

20 minutes ago, PrestaServicePro said:

Hmm strange, actually you did my suggested correctly, i want to make a small debug in your shop. If is possible to get admin and ftp credentials to check it? 

Hi mate its working fine on v1.7.6.7 and its failed to work on v1.7.7.0 beta. Thanks for you assistance. Really appreciate your help.

[PrestaServicePro]

Hello, which version will be. use PS? If the current problem still exists, let me know, please. Have a good day

[kugan80]

6 minutes ago, PrestaServicePro said:

Hello, which version will be. use PS? If the current problem still exists, let me know, please. Have a good day

For now i plan to test with current version only. but for future will be v1.7.7.0. Anyway i have one quick question. Why mobile version prestashop dont have quickview ? how can i activate quickview for mobile version?

[PrestaServicePro]

Actually, I have seen it some of my customer shops and it seems they have modified the code to get this view. 
Here is logic how the PS quick view works:
On desktop when you hover the mouse to the product quick option becomes available but in mobile, it's impossible and needs to modify a little.

[kugan80]

5 minutes ago, PrestaServicePro said:

Actually, I have seen it some of my customer shops and it seems they have modified the code to get this view. 
Here is logic how the PS quick view works:
On desktop when you hover the mouse to the product quick option becomes available but in mobile, it's impossible and needs to modify a little.

Modify little as? Is there any guide that i can follow? i did try google but there is no luck on this.

[PrestaServicePro]

I can't say exact source of the guide, but if you have a dedicated or hire a developer, hi can handle your request.

Edited July 9, 2020 by PrestaServicePro (see edit history)