41 lines
1.7 KiB
Vue
41 lines
1.7 KiB
Vue
<script setup>
|
|
import GuestLayout from '../Layouts/GuestLayout.vue';
|
|
</script>
|
|
|
|
<template>
|
|
<GuestLayout>
|
|
<h1 class="font-extrabold">How to use the service</h1>
|
|
<hr class="h-1 mx-auto bg-gray-100 border-0 mb-5 rounded dark:bg-gray-700">
|
|
|
|
<h2 class="font-bold mb-4">Main menu</h2>
|
|
|
|
<ol class="ml-10 list-decimal">
|
|
<li>Type in the keyword(s) to find a product for which you want to compare the price (product name, description, article number, ...)</li>
|
|
<li>You can either sort/filter the results or simply click on any table row to find the product prices</li>
|
|
<li>Price comparison will appear in the <span>"Results"</span> table</li>
|
|
</ol>
|
|
<br/>
|
|
To get the lowest price you can sort the results by price column.
|
|
Click on the country name to display the corresponding product page.
|
|
<br/>
|
|
Some countries are not included for the comparison by default (e.g. Bulgaria, Cyprus, Greece) due to technical limitations on their websites.
|
|
<br/>
|
|
For these you will have to use Online search funtionality.
|
|
Online search is available by clicking on "Online" checkbox.
|
|
<br/>
|
|
<br/>
|
|
<img src="/images/pic_online.png" />
|
|
<br/>
|
|
<h2 class="font-bold mb-4">Settings menu</h2>
|
|
|
|
<p class="mb-2 underline">In the settings menu you can change:</p>
|
|
<ul class="ml-10 list-disc mb-10">
|
|
<li>the country in which to search for the product(s) to compare (default country is based on your location)</li>
|
|
<li>list of countries where the product(s) are available for comparison (default all)</li>
|
|
<li>currency re-calculation</li>
|
|
</ul>
|
|
|
|
<img src="/images/pic_settings.png" />
|
|
</GuestLayout>
|
|
</template>
|