Table-Specific QR Menu and Restaurant Script

Language note

The interface of the website and the admin panel comes in Turkish and English. You choose the site language and the panel language separately under “Site ayarları” (Site Settings), and you can also switch the panel language with the globe icon at the top right of the panel.

More languages can be added: copy the en.php file in the dil folder of the package and translate it (the steps are in dil/OKUBENI.txt). The language you add appears automatically in the language lists of the site settings, and updates do not touch your language files. Texts that are not translated appear in English; if you prefer, they can be shown in Turkish.

The content you write yourself (products, categories, table names, the About Us text) is not translated; it stays in the language you write it in. Warning messages and amount formats follow the selected language.

Where this page names a section of the panel or of the site, the name is given as it appears in the Turkish interface, in quotation marks, followed by its translation in parentheses; in the English interface the same sections appear under their English names.

Who it is for

Made for restaurants, kebab houses, patisseries and cafes, and for the agencies that build sites for them. Your customer scans the QR code on the table with the phone camera; the menu, split into categories, opens on the phone with its prices, and the name of the table (for example Table 5) appears at the top of the page. When you update the menu and the prices in the admin panel, the printed QR code opens the same menu; you only reprint the codes if your site address changes.

You define your tables in the panel, one by one or in bulk, and a separate QR code is ready for each table. You download the codes as PNG or SVG, or print them as table cards together with your logo and the table name. A main menu code and a separate code for each category are ready in the panel as well.

The site comes with two ready front-end themes: “Tema 1: Izgara” (Theme 1: Grid) on a dark background and “Tema 2: Kart” (Theme 2: Card) on a light one. You choose the theme in the panel; your menu, tables and QR codes stay the same.

You do not need to know how to code. The browser wizard handles the installation, and you enter your content in the admin panel.

Scope

This script is a QR menu and restaurant information website. Menu products are shown with their prices; the site has no shopping cart, online payment, online ordering or waiter call. The table name is shown to the visitor as information, and no orders are taken from the table. The contact page is an information page that shows the address, phone, e-mail, opening hours and map; it contains no message form. We recommend looking at the demo before you decide.

Website features

Two front-end themes

• Theme choice in the panel: on the “Ön yüz teması” (Front-end Theme) page under the Settings menu you see the two themes with preview images and choose one. When the theme changes, only the design your visitors see changes; your menu, products, tables and QR codes stay the same.
• “Tema 1: Izgara” (Theme 1: Grid): a dark theme with a mobile app look. Categories and products are arranged as square tiles, and product tiles show a price badge. Menu and search buttons sit at the top; on a phone a bar with home and back buttons appears at the bottom, and on a desktop screen this bar is hidden.
• “Tema 2: Kart” (Theme 2: Card): a light theme. A search box sits at the top, and the categories are shown as full-width cards with an image and a title strip. Prices appear as badges in the product list. On the product list and product pages, “Ana Menü” (Main Menu) and “Geri dön” (Go back) buttons sit at the bottom; on the product page the price is shown in this bar.
• Your own CSS file: if you put a file named ozel.css in the folder of the selected theme, it is loaded on the site automatically; the update package does not touch this file.

Menu, products and search

• Categories: on the home page the categories are listed as tiles with an image (Theme 1) or as cards (Theme 2). Every category has an address that shows only its own products; the category QR code opens this page.
• Product list: on a category page the products are shown with image, name and price. A product whose price was not entered shows no price badge, and a product without an image appears with a neutral icon.
• Product page: a large image, the product name, a link to the category, the short description, a detailed text with rich formatting and the price. A product whose status is “Taslak” (Draft) does not appear on the site.
• Prices: entered and shown in Turkish lira (₺). A product whose price is left empty or 0 is shown without a price.
• Sorting: you arrange categories and products with the “Sıra” (Sort Order) field; the smaller number comes first.
• Tidy grid: the number of columns follows the screen width and the number of items; where possible the columns are chosen so that no single tile is left alone in the last row.
• Live search: visitors search in the product name and the short description; once at least two letters are typed, results open as you type, with image, name, category and price (up to 30 results). Theme 1 uses the magnifier button at the top, Theme 2 the search box at the top. If JavaScript is off, the search page still works.

Table-specific QR code

• The table name appears on the page: when the QR code of a table is scanned, the menu opens and the table name (for example Table 5) is shown at the top of the page. The name stays while the visitor moves through the category, product, search, About Us and Contact pages.
• Search engines: table-specific addresses and search result pages are closed to search engines (noindex); the canonical address of a page has no table in it.
• Deleted table: if the printed code of a table that was deleted in the panel is scanned, the menu opens normally; only the table name does not appear.

About Us and contact information

• About Us: a business introduction page made of a title and rich text.
• Contact page: shows the address, a phone number that starts a call when tapped, the e-mail, the opening hours, social media icons and a map (a Google Maps or OpenStreetMap embed code). Information and a map you leave empty do not appear. The page has no message form.
• Opening hours: you enter a text for each day of the week (for example 11:00 - 23:00, or “Kapalı” (Closed) for a closed day). The text is shown to the visitor as you enter it; a day you leave empty is not shown.
• Social media: your Facebook, X (Twitter), YouTube, Instagram and WhatsApp links appear as icons on the contact page. An icon you did not fill in is not drawn.

Appearance and search engines

• Main color: you choose one main color in the panel. It is applied to the tiles, buttons, the bottom bar and active or selected items. The text color on top of the color is chosen automatically so that it stays readable.
• Logo, site icon and footer: you upload your logo and your site icon (favicon); if you do not upload a logo, the business name appears as text. The footer holds quick menu links, the copyright line and the credit.
• Footer credit: you can change or remove the “TiklaWeb tarafından geliştirildi” (Developed by TiklaWeb) text at the bottom of the site.
• Mobile friendly: the site fits phone, tablet and desktop screens; the fonts and icons are stored locally in the package, and no external font or icon service is called.
• Page-specific title and description: every page carries its own title (“Page | Business”), description and social sharing (Open Graph) tags. On a product page the sharing image comes from the image of the product, on a category page from the image of the category. You enter the site title, description and keywords under “Site ayarları” (Site Settings).

Admin panel

• “Masalar” (Tables): you add, edit and delete tables; for each table you enter a name (up to 60 characters) and a sort order, and the same name cannot be used twice. On the “Toplu masa oluştur” (Create Tables in Bulk) page you add consecutive tables in one go by entering a prefix (for example Masa), the number of tables and the first number (up to 200 at a time; a table with the same name is skipped). Up to 500 tables can be defined in total. The table list has a link to the QR code of each table.
• “QR Kod” (QR Code): the upper part of the page holds the menu codes (home page and each category), and below it each table has its own code. Each box has a preview, the address the code opens and download buttons: PNG in 512, 1024 and 2048 pixel sizes, and SVG.
• Table card printing: the print view comes as A6, A4 and four A6 cards on one A4 sheet (to be cut out); the card shows your logo (or the business name if there is no logo), the table name, the QR code, a line of text and the site address. You change the card text (default “Menüyü görmek için okutun”, Scan to see the menu) on the print screen.
• Printing all table cards: the cards of all tables are printed with one link as A6, A4 or four per A4. When there are more than 100 tables, you choose a range of tables and print up to 100 cards at a time. On the QR Code page the tables are shown 24 per page and can be searched by name; the download buttons work for each table separately.
• QR address: the codes carry the address of your site that the panel was opened from. If the address changes, you need to download and print the codes again; you can also type the address by hand and refresh the codes.
• “Özet” (Summary): the numbers of published menu products, categories, tables and draft products, a shortcut to the QR Code page and the active theme.
• Menu management: for products you enter a name, category, price, sort order, status (published or draft), a short description, a detailed description and an image. For categories you enter a name, a sort order and an image. The product list can be filtered by category; the lists have search and sorting.
• “Ön yüz teması” (Front-end Theme): a choice between the two themes; open to the administrator only.
• “Site içeriği” (Site Content): “Hakkımızda” (About Us), “Çalışma saatleri” (Opening Hours) and social media links. The Summernote editor is used in rich text fields.
• Image upload: JPG, PNG or WebP files are uploaded (up to 8 MB). If the GD extension is on, on the server the images are converted to WebP and images whose long side exceeds 1600 pixels are reduced; this way the menu that opens on a phone loads faster.
• “E-posta ayarları” (E-mail Settings): once you enter your SMTP details and switch sending on, the “Forgot password” e-mail works. You test the settings with the “Deneme e-postası gönder” (Send test e-mail) button.
• “Site ayarları” (Site Settings): site title, business name, description and keywords, phone, WhatsApp link, e-mail, address, copyright line, main color, map, logo, site icon, custom code fields, site language and panel language.
• Users and permissions: you add administrator and editor accounts. The editor manages tables, the QR Code page, the menu and the site content sections; “Site ayarları”, “Ön yüz teması”, “E-posta ayarları” and “Kullanıcılar” (Users) are open to the administrator only. Permissions are checked on the server. Every user changes their own name and password on the “Profil ve şifre” (Profile and Password) page.
• Forgot password: the password is reset by e-mail through the link on the panel login (if “E-posta ayarları” has been set up). The reset link is valid for 1 hour and can be used once.
• Custom code: under “Site ayarları” you add your own code (for example an analytics script) to the head of the site, the start of its body and the end of the page. These fields are open to the administrator only.

Setup and updates

• Five-step setup wizard: requirements, license, database, site and administrator details, finish. The wizard checks your server itself.
• Setup language: Turkish or English is chosen at the top right of the wizard. With an English setup, the starting and sample content also come in English.
• Setup with sample content or empty: you can start full like the demo, with sample categories, products, tables, images and opening hours, and edit it, or enter the content from scratch.
• Update from the panel: you download the zip package of the new version from your tiklaweb.net customer panel and upload it on the “Güncelleme ve lisans” (Update and License) page of the admin panel. A file and database backup is taken before the operation. If an error occurs, the site returns to its previous state. The images you uploaded, your settings and your content are preserved.
• Verified packages: the signature of the update package is checked; only packages downloaded from tiklaweb.net are installed.

The detailed setup guide comes in the package you download as the KURULUM.html file (written in Turkish).

License

Each license is for a single domain name that you give when you order. A domain name change is a paid service and is handled through a support request. The license is not transferred free of charge. The site does not open on an unlicensed domain name, and the visitor is redirected to a license warning page. You need a separate license to use it on another domain name.

Technical specifications

• PHP 8.2 or higher, MySQL or MariaDB
• Foundation: plain PHP, PDO and prepared statements. Site: no framework and no jQuery, each of the two themes has its own small script; the icons are Font Awesome Free 6 and the fonts (Roboto and Montserrat) are stored locally in the package, and no external font service is called. Panel: Bootstrap 4, DataTables and the Summernote content editor
• The QR codes are generated on your server with the MIT and Apache-2.0 licensed chillerlan/php-qrcode library; no request goes to an external QR service. The PNG file is written without the GD extension
• Only your site’s own addresses are written into the QR codes; a site address you type by hand is carried with signed links
• E-mail is sent with PHPMailer 6.9; the SMTP password is stored encrypted
• Interface texts are kept in the language files of the package (Turkish and English ready, new languages can be added)
• CSRF verification on panel actions; attempt limits on panel login and password reset
• The type of images uploaded in the panel is verified from content (JPG, PNG, WebP; up to 8 MB); PHP does not run in the upload folder
• The rich text fields of the panel are filtered on the server when saved (HTMLPurifier); the admin panel sends a Content Security Policy (CSP) header; administrator passwords are stored hashed
• The map field accepts only Google Maps and OpenStreetMap embed addresses
• The theme templates cannot be opened directly by address; search queries run as prepared statements and the output is escaped
• Database details and backups are kept in a folder outside the web root if the hosting allows
• Security headers, HSTS on HTTPS; time zone Europe/Istanbul
• A security audit made of a code review and live attack tests was carried out before sale

Demo

You can explore the site and the admin panel in a read-only demo. With the “Demo teması” (Demo Theme) links at the bottom of the demo site, or by adding ?tema=tema2 to the address, you can browse both themes; this choice works only in the demo, and on your own site you choose the theme in the panel. The demo is installed in Turkish; in the admin panel you can switch the panel language to English with the globe icon at the top right (this choice is kept only in your browser). The business name, products, prices, tables and photos in the demo are all sample content. In the demo panel you can open the “Masalar” (Tables) and “QR Kod” (QR Code) pages, download the codes and try the table card view; the codes carry the address of the demo site. The map and the WhatsApp link are left empty in the demo; they appear on the contact page once you fill them in the panel.

• Site: https://019.tiklaweb.net
• Admin panel: https://019.tiklaweb.net/admin
• Demo e-mail: demo@tiklaweb.net
• Demo password: demo1234

Changes cannot be saved in the demo. The demo is reset every night. Sensitive pages such as e-mail settings, users and password forms cannot be viewed in demo mode, and “Forgot password” is off in the demo. These login details are only for the demo site. In the installation you buy, you set the administrator account yourself.

Support

If you get stuck, you can open a support request from your tiklaweb.net customer panel or write to destek@tiklaweb.net.