WEB SYSTEMS PRO
E-commerce platform
€99.80€139.80

* Net price, 23% VAT must be added

SKU:WSP-189-PL
License
Web Systems Pro
Version
2.44.0.1.wsp
Update
12/04/2024


Instruction for integrating plugins "SEO-filter" with the project theme

Plugin is already integrated with the design theme "MegaShop 2.0". Placing the code from the instruction is not required.

For the basic functionality of plugins "SEO-filter" to work correctly, you must follow and configure items 1, 2, 3. The remaining items are configured as needed.

1. Setting titles and descriptions

Make sure that the category name is in a block with the 'category-name' class, the description is in a block with the 'category-desc' class, and the additional description is in a block with the 'filter-additional-desc' class! If these classes are not present - remember to add them, otherwise the title and description will not change dynamically.

Usually changes are made in the template category.html,  if there is no specified template in the project theme, contact technical support.

1) Output of the header category-name, for example (the given structure may differ):

<div class="c-block__header">
        <h1 class="c-header c-header_h1 category-name">{$category.name}</h1>
</div>

2) Output of the description category-desc, for example (the given structure may differ):

<div class="c-content-decorator category-desc">
    {if $category.description}
                   {call wrap_tables content=$category.description}
    {/if}
</div>

3) Output of the additional description filter-additional-desc, for example (the given structure may differ): 

<div class="c-content-decorator filter-additional-desc">
    {if $category.additional_description|default:''}
                   {call wrap_tables content=$category.additional_description}
    {/if}
</div>
2. Replacing page navigation links

To replace the links in page navigation, you need to make changes in the project theme.

Open the file list-thumbs.html find and replace the code:

{wa_pagination total=$pages_count attrs=['class' => "menu-h"]}

to:

{capture assign=pagination}
    {wa_pagination total=$pages_count attrs=['class' => "menu-h"]}
{/capture}
{shopSeofilterViewHelper::paginationDecorate($pagination)}
3. Replacing sorting links

To replace the links in sorting, you need to make changes in the project theme.

Open the file list-thumbs.html find and replace the code:

{$wa->shop->sortUrl($sort, $name, $active_sort)}

to:

{shopSeofilterViewHelper::sortUrl($sort, $name, $active_sort)}
4. Replacing links in the filter

To replace the filter links, you need to make changes in the project theme.

Open the file category.html (it may be in other files depending on the project theme)

1. Find the code:

{foreach $filter.values as $v_id => $v}

and a little lower replace the code:

{$v}

to:

{$filter_url = shopSeofilterViewHelper::getFilterUrl($filter.id, $v_id, $filter.code)}
   {if $filter_url}
       <a class="filter-link" href="{$filter_url}">{$v}</a>
   {else}
{$v}
{/if}

2. Replace the code:

<label><input type="radio" name="{$filter.code}"{if $wa->get($filter.code)} checked{/if} value="1"> Yes</label>

to:

<label>
  <input type="radio" name="{$filter.code}"{if $wa->get($filter.code)} checked{/if} value="1">
  {$radio_filter_url = shopSeofilterViewHelper::getFilterUrl($filter.id, "1", $filter.code)}
  {if $radio_filter_url}
    <a class="filter-link" href="{$radio_filter_url}">Yes</a>
  {else}
 Yes
 {/if}
</label>

3. Replace the code:

<label><input type="radio" name="{$filter.code}"{if $wa->get($filter.code) === '0'} checked{/if} value="0"> No</label>

to:

<label>
  <input type="radio" name="{$filter.code}"{if $wa->get($filter.code) === '0'} checked{/if} value="0">
  {$radio_filter_url = shopSeofilterViewHelper::getFilterUrl($filter.id, "0", $filter.code)}
  {if $radio_filter_url}
     <a class="filter-link" href="{$radio_filter_url}">No</a>
  {else}
  No
  {/if}
</label>
5. Linking features in the product card

In the template product.html find the output of a product feature with the following content:

{foreach $product.features as $f_code => $f_value}
    <tr{if $features[$f_code].type == 'divider'} class="divider"{/if}>
        <td class="name">
            {$features[$f_code].name|escape}
        </td>
        <td class="value" itemprop="{$f_code|escape}">
            {if is_array($f_value)}
                {if $features[$f_code].type == 'color'}
                    {implode('
 ', $f_value)}
                {else}
                    {implode(', ', $f_value)}
                {/if}
            {else}
                {$f_value}
            {/if}
        </td>
    </tr>
{/foreach}

In which you need to replace:

 $product.features

to:

shopSeofilterViewHelper::wrapFeatureValues($product.features)

* - if there are no specified templates in the project theme, contact Technical Support.