Product Finder
v1.1.33

Appearance

You can change the finder's visual design in this section. Most of the finder's visual details, such as the background and the filter layout, are determined by a PHTML template so you can have maximum creative control.

Editing the Templates

The module includes plain horizontal and vertical templates. They are situated in either of the two locations, depending on the installation type:

Composer: vendor/mirasvit/module-finder/src/Finder/view/frontend/templates/finder/

Manual: app/code/Mirasvit/Finder/view/frontend/templates/finder/

You can copy and paste them to the theme folder and edit them there:

design/frontend/*/*/Mirasvit_Finder/templates/finder/

If you would like to create a template from scratch, you can create a new PHTML file and upload it to the server. You have to place it in the theme folder:

design/frontend/*/*/Mirasvit_Finder/templates/finder/

Changing the Finder's Design

  1. Create a new finder. If you have already created one, click Select, then Edit in the grid's rightmost field.
  2. Choose a visual template in the Appearance's section Template field.
  3. Click Save in the top right.

Note

You cannot edit the Display section in the finder's settings by design. The code is there so you can copy it and place it on any page.

Available Options

Option Description
Template Selects a visual design template.
Block Title Sets the finder's public title.
Block Description Sets the finder's public description.

Note

You have to create a new PHTML file if you would like to use a different design template. Upload it to design/frontend/*/*/Mirasvit_Finder/templates/finder/.