Overriding the Product Controller

Unless you want to hard-modify the original ProductController, you would need an override to assign all the necessary Supplier data to your product page.

Create a new file in override/controllers/front, and name it ProductController.php. Open it up and add some generic override code inside php tags:

class ProductController extends ProductControllerCore
{

}

We have to override the initContentMethod

class ProductController extends ProductControllerCore
{
	public function initContent()
	{
		parent::initContent();
	}
}

Make sure you call the parent at the very beginning of it, then add the following inside:

if($this->product->id_supplier)
{
	
	$id_supplier_address = Address::getAddressIdBySupplierId($this->product->id_supplier);
	$supplier_address = new Address($id_supplier_address);
}

First off, we are checking the current product has a supplier. Then, we need its address id, which we use to instantiate a new Address object that contains all of the information we seek.

At this point, we can simply assign all we want to the template:

if (Validate::isLoadedObject($supplier_address))
				{
					$this->context->smarty->assign(array(
						'supplier_country'=>  $supplier_address->country,
						'supplier_company'=>  $supplier_address->company,
						'supplier_address1'=>  $supplier_address->address1,
						'supplier_postcode'=>  $supplier_address->postcode,
						'supplier_city'=>  $supplier_address->city,
						'supplier_phone'=>  $supplier_address->phone,
						'supplier_state' => State::getNameById($supplier_address->id_state),
						'supplier_vat_number'=>  $supplier_address->vat_number,
					));
				}

As an extra measure, we make sure the loaded address object is valid and exists

When you’re done modifying the file, reach the cache/ folder and erase class_index.php

Amending the product template

Now we are ready to display our data. Open product.tpl, located in your theme’s folder. You can choose any spot, I decided to go for the area below the social links in the center column.

			{if $product->id_supplier}
				<h4><a href="{$link->getSupplierLink($product->id_supplier)}"><strong>{$product->supplier_name}</strong></a></h4>
				<ul>
					<li>{$supplier_address1}</li>
					<li>{$supplier_postcode}</li>
					<li>{$supplier_city}, {$supplier_state}</li>
					<li>{$supplier_country}</li>
					{if $supplier_vat_number}
						<li>{$supplier_vat_number}</li>
					{/if}
				</ul>

			{/if}	

I am obviously checking if this product has a supplier, otherwise those variables would not be assigned. Save and refresh, you might need to clear cache in the back office (Advanced Parameters, Performance). We’re done!

The post Displaying more Supplier information on the Product Page in PrestaShop appeared first on NemoPS.

Whether you want to use Manufacturers or Suppliers to display your brands across your web store, it’s a good idea to showcase their Logos, instead of names, in the menu. Let’s see how to do it for both entities. As always, note that I’m using the default theme and your css or tpl files might differ.

Displaying Brand Logos in the Manufacturers block

Open up blockmanufacturer.php, located in your theme’s folder /modules/blockmanufacturer. If this folder is not present, reach your main /modules/ folder, then open blockmanufacturer/ and copy blockmanufacturer.tpl in the previously mentioned location.

In this .tpl file, locate, at about line 35, the following code snippet:

<li class="{if $smarty.foreach.manufacturer_list.last}last_item{elseif $smarty.foreach.manufacturer_list.first}first_item{else}item{/if}"><a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)|escape:'html'}" title="{l s='Learn more about' mod='blockmanufacturer'} {$manufacturer.name}">{$manufacturer.name|escape:'htmlall':'UTF-8'}</a></li>

We want to grab the image instead of text:

<li class="{if $smarty.foreach.manufacturer_list.last}last_item{elseif $smarty.foreach.manufacturer_list.first}first_item{else}item{/if}"><a href="{$link->getmanufacturerLink($manufacturer.id_manufacturer, $manufacturer.link_rewrite)}" title="{l s='More about' mod='blockmanufacturer'} {$manufacturer.name}"><img src="{$base_dir}img/m/{$manufacturer.id_manufacturer}.jpg"/></a></li>

Please note that the file extension might change if you use .png as your base image format in .Preferences -> Images.

Of course, you can hardcode the image’s max width according to your layout! As a final touch, let’s get rid of those useless arrows at the left side: Open up the theme’s global.css located inside the theme’s folder, /css/, and look for

	.blockmanufacturer li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blockmanufacturer/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}

Then, change it to

	.blockmanufacturer li a {
		display:block;
	}

Done!

Displaying Brand Logos in the Suppliers block

This is quite similar as before, open up blocksupplier.php, located in your theme’s folder /modules/blocksupplier. If this folder is not present, add it as we did before.

Now locate the following snippet in the file:

<li class="{if $smarty.foreach.supplier_list.last}last_item{elseif $smarty.foreach.supplier_list.first}first_item{else}item{/if}">
			<a href="{$link->getsupplierLink($supplier.id_supplier, $supplier.link_rewrite)|escape:'html'}" title="{l s='More about' mod='blocksupplier'} {$supplier.name}">{$supplier.name|escape:'htmlall':'UTF-8'}</a>
		</li>

Add the image to replace the text inside the anchor tag:

<li class="{if $smarty.foreach.supplier_list.last}last_item{elseif $smarty.foreach.supplier_list.first}first_item{else}item{/if}">
	<a href="{$link->getsupplierLink($supplier.id_supplier, $supplier.link_rewrite)|escape:'html'}" title="{l s='More about' mod='blocksupplier'} {$supplier.name}"><img src="{$base_dir}img/su/{$supplier.id_supplier}.jpg"/></a>
</li>

Again, note that the file extension might change if you use .png as your base image format in .Preferences -> Images.

And once more, let’s get rid of the arrows as we did before, in global.css

	.blocksupplier li a {
		display:block;
		padding:7px 11px 5px 22px;
		color:#333;
		background:url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent
	}

Then, change it to

	.blocksupplier li a {
		display:block;
	}

Again, done!

The post Flash Tip: Brand logos to Prestashop Manufacturers/Suppliers blocks appeared first on NemoPS.