ADEPTSTATION

&lt;!--page search--&gt; &lt;style type="text/css"&gt; &nbsp; .search_result{ &nbsp; &nbsp; &nbsp;border: 1px solid #ddd; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;position: absolute; &nbsp; &nbsp; &nbsp;width: inherit; &nbsp; &nbsp; &nbsp;background: #fff; &nbsp; &nbsp; &nbsp;z-index: 5; &nbsp; &nbsp; &nbsp;border-bottom-left-radius: 5px; &nbsp; &nbsp; &nbsp;border-bottom-right-radius: 5px; &nbsp; &nbsp; &nbsp;top: 35px; &nbsp; } &nbsp; .search_result .srchresulttitle{ &nbsp; &nbsp; &nbsp;padding: 7px !important; &nbsp; &nbsp; &nbsp;padding-bottom: 0 !important; &nbsp; } &nbsp; .search_result a:hover{ &nbsp; &nbsp; &nbsp;text-decoration: none; &nbsp; } &nbsp; .search_result a:hover .eachprod{ &nbsp; &nbsp; &nbsp;background-color: #eee; &nbsp; } &nbsp; .search_result .eachprod{ &nbsp; &nbsp; &nbsp;padding: 5px 10px; &nbsp; } &nbsp; .hide{ &nbsp; &nbsp; &nbsp;display: none; &nbsp; } &lt;/style&gt; Product search&lt;br/&gt; &lt;div class="col-md-12 p-0"&gt; &nbsp; &lt;input class="form-control" type="text" id="prosearchboc" name="prosearchboc" placeholder="search product" onkeyup="searchProduct()"&gt; &nbsp; &lt;div class="search_result hide"&gt;&lt;/div&gt; &lt;/div&gt; &lt;br/&gt;&nbsp; &lt;!--page search ends--&gt;&lt;!--Breadcrumb--&gt; &lt;style&gt; &nbsp; .breadcrumb_block:first-child{ &nbsp; &nbsp; &nbsp;border-top-left-radius: 5px; &nbsp; &nbsp; &nbsp;padding-left: 15px; &nbsp; &nbsp; &nbsp;border-bottom-left-radius: 5px; &nbsp; } &nbsp; .breadcrumb_block:last-child{ &nbsp; &nbsp; &nbsp;border-top-right-radius: 5px; &nbsp; &nbsp; &nbsp;padding-right: 15px; &nbsp; &nbsp; &nbsp;border-bottom-right-radius: 5px; &nbsp; } &nbsp; .breadcrumb_block{ &nbsp; &nbsp; &nbsp;background: #eee; &nbsp; &nbsp; &nbsp;padding: 5px; &nbsp; &nbsp; &nbsp;padding-left: 0; &nbsp; } &lt;/style&gt; {$breadcrumb|print_r} &lt;br/&gt;&lt;br/&gt; &lt;h4&gt;Breadcrumb preview&lt;/h4&gt; &lt;div class="row col-md-12"&gt; &nbsp; {foreach from=$breadcrumb key=myId item=i} &nbsp; &nbsp; &nbsp;&lt;div class="breadcrumb_block"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="{$base_url}{$i.pm_url}"&gt;{$i.pm_page_title}&lt;/a&gt; &nbsp; &nbsp; &nbsp; &nbsp;{if ($myId+1) !== $breadcrumb|@count} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/if} &nbsp; &nbsp; &nbsp;&lt;/div&gt; &nbsp; {/foreach} &lt;/div&gt; &lt;br/&gt;&lt;br/&gt; &lt;!--Breadcrumb ends--&gt;&lt;!--product data--&gt; &lt;h2&gt;Product template content&lt;/h2&gt; &lt;br/&gt;&lt;h4&gt;Product variable values&lt;/h4&gt; Available qty: {if isset($quantity)}&nbsp; &nbsp; {$quantity} {else} 0 {/if} &lt;br/&gt; {if isset($provar)}&nbsp; &nbsp; Extra variable: {$provar} {/if}&lt;br/&gt;&lt;br/&gt; &lt;h2&gt;Statik variables&lt;/h2&gt; product_sprcification: &lt;pre&gt;{$product_sprcification}&lt;/pre&gt;&lt;br/&gt; product_part_number: {$product_part_number}&lt;br/&gt; product_brand: {$product_brand}&lt;br/&gt; &lt;br/&gt;&lt;br/&gt; &lt;h4&gt;Product images | with preview&lt;/h4&gt; &lt;style type="text/css"&gt; &nbsp; p.profile_title { &nbsp; &nbsp;background: #f9f9f9; &nbsp; &nbsp;font-size: 15px; &nbsp; &nbsp;/*position: absolute; &nbsp; &nbsp;bottom: 0; &nbsp; &nbsp;width: 100%;*/ &nbsp; } &nbsp; .file_block { &nbsp; &nbsp; &nbsp;/*height: 100px;*/ &nbsp; &nbsp; &nbsp;background: #f9f9f9; &nbsp; &nbsp; &nbsp;border: 1px solid #ddd; &nbsp; } &nbsp; p.proimage_title { &nbsp; &nbsp;background: #eee; &nbsp; &nbsp;font-size: 10px; &nbsp; &nbsp;/*position: absolute; &nbsp; &nbsp;bottom: 0; &nbsp; &nbsp;width: 100%;*/ &nbsp; } &nbsp;.proimage { &nbsp; &nbsp;font-size: 13px; &nbsp; &nbsp;padding-top: 10px; &nbsp; &nbsp;padding-left: 0px; &nbsp; &nbsp;padding-right: 0px; &nbsp; &nbsp;border: 1px solid #eee;&nbsp; &nbsp;height: 150px; &nbsp; &nbsp;/*background-image: url(http://localhost/jordaarsite_client/storage/media/product_images/2/YDg_h0l15573851428But.jpg);*/ &nbsp; &nbsp;background-position: center center; &nbsp; &nbsp;background-size: contain; &nbsp; &nbsp;/*background-size: 100%;*/ &nbsp; &nbsp;background-repeat: no-repeat; &nbsp;} &lt;/style&gt;{$product_images|print_r} &lt;br/&gt;&lt;br/&gt; &lt;h4&gt;Preview&lt;/h4&gt; &lt;div class="row col-md-12"&gt; &nbsp; {foreach from=$product_images key=myId item=i} &nbsp; &nbsp; &nbsp;{if isset($i.image_url)}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;!--&lt;a href="{$i.image_url}" targer="_blank"&gt;&lt;img src=""&gt;&lt;/a&gt;--&gt; &nbsp; &nbsp; &nbsp; &nbsp;&lt;div class="col-md-2 pl-0 text-center mb-3"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="{$i.image_url}" target="_blank"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="col-md-12 proimage" style="background-image: url({$i.image_url});"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class="proimage_title m-0"&gt;{{$i.file_name}}{if $i.default_image eq '1'} &lt;b&gt;(D)&lt;/b&gt;{/if}&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/a&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; {/if} &nbsp; {/foreach} &lt;/div&gt; &lt;br/&gt;&lt;br/&gt;&lt;h4&gt;Product files, attachments&lt;/h4&gt; {$product_files|print_r} &lt;br/&gt;&lt;br/&gt; &lt;h4&gt;Preview&lt;/h4&gt; &lt;div class="row col-md-12"&gt; &nbsp; {foreach from=$product_files key=myItd item=it} &nbsp; &nbsp; &nbsp;{if isset($it.file_url)}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;div class="col-md-3 pl-0 text-left mb-3 file_block profile_title m-0 p-3 row"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {if ($it.file_type == 'jpg') || ($it.file_type == 'JPG') || ($it.file_type == 'jpeg') || ($it.file_type == 'JPEG') || ($it.file_type == 'gif') || ($it.file_type == 'GIF') || ($it.file_type == 'png') || ($it.file_type == 'PNG') || ($it.file_type == 'bmp') || ($it.file_type == 'BMP') || ($it.file_type == 'svg') || ($it.file_type == 'SVG') } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;a href="{$it.file_url}" target="_blank" class="col-md-3 p-0"&gt;&lt;div class="col-md-12 p-0" style="background-image: url({$it.file_url}); height: 60px; background-position: center center; background-size: contain; background-repeat: no-repeat;"&gt;&lt;/div&gt;&lt;/a&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/if} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{if ($it.file_type == 'jpg') || ($it.file_type == 'JPG') || ($it.file_type == 'jpeg') || ($it.file_type == 'JPEG') || ($it.file_type == 'gif') || ($it.file_type == 'GIF') || ($it.file_type == 'png') || ($it.file_type == 'PNG') || ($it.file_type == 'bmp') || ($it.file_type == 'BMP') || ($it.file_type == 'svg') || ($it.file_type == 'SVG') } &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="col-md-9 pr-0"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{else} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class="col-md-12 p-0"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{/if} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class="m-0"&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Type: {$it.file_type}&lt;br/&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Name: &lt;a href="{$it.file_url}" target="_blank"&gt;{$it.original_file_name}&lt;/a&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/div&gt; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt; &nbsp; &nbsp; {/if} &nbsp; {/foreach} &lt;/div&gt; &lt;br/&gt;&lt;br/&gt; &nbsp; &lt;!--product data ends--&gt;&nbsp;

Sub links

- ../

No sub links