Orvia theme documentation
Welcome to Orvia. This guide covers installing the theme, setting up every section, the settings for selling in Türkiye, and answers to common questions.
Contents
- Getting started
- Theme settings
- Header and footer
- Home page sections
- Product page
- Collection, search and cart
- Other pages
- Selling in Türkiye
- Languages and international selling
- Apps and metafields
- FAQ
- Support
1. Getting started
Install Orvia
- In the Shopify Theme Store, open Orvia and choose a style: Orvia, Vellum, Marigold or Juniper.
- Click Try theme to add it to your theme library, or buy it to publish.
- In Shopify admin, go to Online Store > Themes, find Orvia and click Customize.
- When you're happy, click Publish.
Each style installs with the same layout, colors and fonts as its demo store. Demo images don't transfer, so add your own images in the theme editor.
Before you start
- Duplicate your theme (Actions > Duplicate) before big changes or any code edits.
- Create your menus first in Content > Menus. Orvia uses the Main menu (
main-menu) in the header and the Footer menu (footer) in the footer by default. - Add products, collections and the pages you need (contact, FAQ, shipping, returns and, in Türkiye, KVKK and distance sales agreement pages).
Update Orvia
When a new version is released, Shopify shows an update notice in Online Store > Themes. Updating adds a new copy of the theme with your settings carried over. Check the copy, then publish it. Code edits aren't carried over.
2. Theme settings
Open Customize > Theme settings (the gear icon).
Logo
- Logo: your logo. Landscape and portrait logos both work.
- Logo width: 50–300 px.
- Favicon: 32 x 32px .png recommended.
Colors
| Setting | Used for |
|---|---|
| Background / Text | Page background and main text |
| Accent / Button text | Buttons, links, highlights and the text on them |
| Urgency background / Urgency text | Countdown strip, low stock and shipping cutoff messages |
| Card background | Cards, panels and soft backgrounds |
| Borders | Dividers and outlines |
Some sections, such as Countdown banner, Icon strip, Comparison table and Bought together, have their own color settings.
Typography
- Heading font and Body text font: choose from the Shopify font library. Bold and italic styles load automatically.
Layout
- Page width: 1000–1600 px.
- Corner radius: 0–24 px for cards, images and inputs.
- Button shape: Pill or Rounded.
Cart
- Cart type: Drawer (slide-out cart) or Page.
- Show free shipping progress bar and Free shipping threshold: enter the amount in your store currency, for example
1000for 1.000 TL. Match it to your real shipping rates in Settings > Shipping and delivery. The bar is hidden when a customer shops in another currency. - Show recommendations in cart drawer
- Show order note
WhatsApp button
- Show WhatsApp button
- Phone number: international format with country code, digits only. Example:
905321234567. - Prefilled message: optional text that appears in the customer's WhatsApp chat.
- Position: Bottom right or Bottom left.
Social media
Add the full URLs of your Instagram, Facebook, TikTok, YouTube, Pinterest and X profiles. Icons appear in the footer brand block for each filled-in link.
3. Header and footer
Announcement bar
Add one Text block per message, each with an optional Link and Icon.
- Enable scrolling: when off, only the first announcement is shown.
- Loop duration, Direction, Pause on hover.
Header
- Main menu: the header menu (default
main-menu). Up to three levels are supported. - Customer account menu: the menu shown in the account popup.
- Desktop menu style: Dropdown or Mega menu.
- Mega menu image block: shows a promo image with a Label and Link inside the mega menu. In Menu item title, type the exact title of the top-level menu item it belongs to, or leave it empty to show it under every item.
The header includes predictive search, the customer account button (when customer accounts are on) and the cart icon.
Footer
Section settings:
- Style: Dark, Light or Card.
- Show country and language selectors: shown when you sell in more than one country or language.
- Copyright name: leave empty to use your store name.
- Show back to top link
- Show Follow on Shop: needs Shop Pay to be enabled.
- Show payment icons: choose icons, or turn on Also show payment methods enabled in your store.
Blocks:
- Brand: logo, tagline, body text, WhatsApp Phone number and social media icons.
- Menu: a heading and a Footer menu. Add one Menu block per menu, for example Shop, Help and Legal.
- Text: heading and body text.
- Email signup: newsletter form. Subscribers appear in Customers with the tag
newsletter. - ETBİS: see section 8.
- Custom Liquid: for code snippets from apps or services.
Newsletter popup
- Layout: Side panel from left or Centered. On mobile it opens as a bottom sheet.
- Image, Heading on image, Image area background, Eyebrow, Heading, Body text, Button label, Consent text, Success message.
- Discount code: shown after signup. Create this code in Discounts first.
- Show on, Trigger (Time delay, Scroll depth, Exit intent on large screens), Delay, Scroll depth, Days before showing again.
- The popup opens automatically in the theme editor when you select the section.
Cookie banner
Uses Shopify's Customer Privacy API. It only appears where Shopify says consent is required. Set the regions in Settings > Customer privacy.
- Heading, Body text, Privacy notice page (KVKK), Link label, Position.
- Always show in the theme editor: turn this on while you style the banner.
4. Home page sections
Add sections with Add section in the theme editor. Most sections also work on product, collection and other pages.
| Section | What it does | Key settings |
|---|---|---|
| Image banner | Full-width image with heading and button | Image (set a focal point in the image picker), Heading, Body text, Button label, Button link |
| Slideshow | Rotating image slides | Height; Auto-rotate slides (pauses on hover, on focus and when reduced motion is preferred); Change slides every. Slide block: Image, Heading, Text, Button label, Button link, Content position, Text color |
| Featured collection | Product grid from a collection | Heading, Collection, Maximum products |
| Icon strip | Row of short store promises | Mobile layout (Scrolling row or Two columns), colors. Icon block: Icon or Custom icon, Text |
| Scrolling text | Moving band of short messages | Style, Loop duration, Direction, Pause on hover. Text block: Text, Link, Icon |
| Countdown banner | Counts down to a real end date | Style (Large boxes or Compact strip), Heading, End date (YYYY-MM-DD), End time (HH:MM, store time zone), Show days, Text below timer, When the timer ends (Hide or Show message), colors. The timer never restarts |
| Before and after | Drag slider comparing two images | Eyebrow, Heading, Body text, Before image or label, After image or label, Starting position |
| Image with hotspots | Clickable product dots on an image | Heading, Image. Hotspot block: Product, Label when no product is selected, Horizontal position, Vertical position |
| Comparison table | Compare your product with alternatives | Heading, Subheading, Feature rows (one per line), colors. Column block: Image, Heading, Highlight column, Values (one per line in row order: + check, - cross, or short text) |
| Results with bars | Percentage bars with an image | Image, Heading on image, Eyebrow, Heading, Body text, Footnote. Result block: Percentage, Label, Description. Only publish results you can document |
| Testimonials | Customer quotes | Heading. Testimonial block: Quote, Name, Stars, Photo. Use real quotes from your customers |
| Logo strip | Press, partner or brand logos | Heading, Enable scrolling, Loop duration, Show logos in grayscale, Logo height. Logo block: Image, Name (used as alt text), Link |
| Video reels | Vertical videos | Eyebrow, Heading. Video block: Video (9:16, uploaded to Shopify, loads only when played), Cover image when no video, Title, Product |
| FAQ | Questions and answers | Heading, Subheading, Open first question, Enable FAQ structured data (enable it in only one FAQ section per page). Question block: Question, Answer |
| Recently viewed | Products the shopper viewed | Heading, Products to show, Save the current product to history. History stays in the shopper's browser |
| Product recommendations | Related or complementary products | Heading, Recommendation type, Maximum products |
| Custom Liquid | Your own Liquid, HTML or app code | Custom Liquid |
| Apps | Area for app blocks | Add app blocks inside it |
5. Product page
Open a product in the theme editor (top dropdown: Products > Default product).
Product information section
- Desktop media layout: Main image with thumbnails, Stacked or Grid. On mobile, shoppers swipe through images. Click an image to zoom.
- Show sticky add to cart bar: a bar with the product and button appears when the main button scrolls out of view.
- Media supports images, videos, YouTube or Vimeo links and 3D models. When a variant has its own image, the gallery jumps to it.
Blocks
Drag blocks to reorder them.
| Block | Notes |
|---|---|
| Title, Vendor, Price, Description | Price shows compare-at price, unit price, "taxes included" (when your prices include tax) and the Shop Pay Installments message |
| Product rating | Shows the standard rating metafields filled by your review app |
| Variant picker | Style (Buttons or Dropdown); Show swatches (uses swatches set on product option values in Shopify admin); Swatch option names (default Color, Colour, Renk); Use variant image as swatch fallback; Swatch shape; Size chart page, Show link next to options, Link label |
| Quantity breaks | See below |
| Buy buttons | Show dynamic checkout buttons (on by default); Pre-order (button text changes when a variant is out of stock and "Continue selling when out of stock" is on, plus an estimated shipping note); Show pickup availability |
| Rating and offer pill | Product rating plus a short offer text. Describe a real discount that is active in your store |
| Social proof | Short text with avatars. Use real, verifiable numbers only |
| Payment icons, Trust badges, Info box | Payment logos, up to 6 icon rows, or rows written as icon or emoji \| title \| subtitle |
| Low stock message | Shows only when Shopify tracks inventory and real stock is at or below Stock threshold |
| Countdown timer | Same settings as the Countdown banner section, as a strip or large boxes on the product page |
| Same-day shipping timer | "Order within … to ship today", based on Cutoff hour, Ship on Saturday and Ship on Sunday in your store time zone |
| Estimated delivery | Date range from your cutoff and Minimum or Maximum business days. Weekends are skipped |
| Bundle contents | Lists components of products made with the Shopify Bundles app |
| Complementary products | Products set in the Shopify Search & Discovery app |
| Collapsible row, Text | Extra content, or the content of a page |
| FAQ | Reads the product metafield custom.faq (see section 10) |
| Ingredients / nutrition | Rich text or a connected metafield, with fallback to custom.ingredients |
| Product tabs | Description as the first tab plus up to 3 tabs (text or a page) |
| Custom Liquid, Apps | For app widgets, such as reviews or a cash on delivery form |
Quantity breaks (bundle cards)
Bundle cards let shoppers pick a quantity tier. The displayed prices come from the discounts you enter in the block, so you must create a matching discount in Shopify admin. Otherwise the cart charges the normal price.
- Go to Discounts > Create discount > Amount off products. Choose Automatic discount, the product, and Minimum quantity of items (for example 2). Set the same percentage or amount as Tier 2. Repeat for each tier.
- In the block, set Discount type (Percentage or Fixed amount per item), Show savings as, Selected by default, Show images and Note.
- For each tier: Quantity (0 hides the tier), Title, Badge (for example "Most popular"), Discount per item, Show free shipping tag, Image.
- Gift or add-on product: choose a product and a Gift behavior (Optional checkbox or Added automatically). The gift is added as its own cart line at its real price. To make it free, create a Buy X get Y discount, then turn on Show gift as free.
Bought together section
- Product source: Selected products, or Shopify complementary recommendations.
- Use product metafield when set:
custom.bundle_products(list of products). - Fill with store products when none are selected, Maximum products, Include current product.
- Bundle discount percentage: leave it at 0 unless a matching automatic discount exists in Shopify admin.
6. Collection, search and cart
Product grid (collection pages)
- Products per page, Show quick add button, Enable infinite scroll (loads the next page with a Load more button fallback).
- Filters: set them up in the Shopify Search & Discovery app (availability, price, product type, vendor, variant options). Sorting is always available.
Search
Search results show products, articles and pages. The header's predictive search suggests search terms, products, collections, pages and articles as you type.
Cart drawer
Theme settings > Cart type: Drawer, then open the Cart drawer section from any page.
- Reward tiers: up to 3 amounts with a reward text, for example "Free gift". Free shipping uses the threshold in Theme settings > Cart. Create matching discounts in Shopify admin for each reward.
- Upsell: Heading and Products. When empty, Shopify recommendations appear (if enabled in Theme settings).
- Free shipping bar icon: Show moving icon on the progress bar, Icon, or Custom icon image.
- Extras: Show discount code field, Trust lines (one per line), payment icons.
- Empty cart: Collection and Heading.
- Gift wrap: create a product called, for example, "Gift wrap" with a price, then choose it in Gift wrap product. Show gift message field lets shoppers add a message once gift wrap is in the cart. It is saved as the cart attribute "Gift message" and shows under Additional details on the order.
Cart page
Shows line items, discounts, subscriptions (selling plans), the order note, taxes and accelerated checkout buttons.
7. Other pages
- Contact: assign the
page.contacttemplate to your contact page. The form sends to your store email. - Blog and articles: blog posts with pagination, and comments when enabled for the blog.
- 404, Password, Gift card: work automatically. The gift card page shows the code, a QR code and the Apple Wallet button.
8. Selling in Türkiye
| Need | How to do it in Orvia |
|---|---|
| Turkish storefront | Go to Settings > Languages, add Turkish and publish it, or set it as the default. All Orvia texts are already translated. Edit them in Online Store > Themes > … > Edit default theme content |
| TL prices | Set the store currency to TRY in Settings > Store details. Orvia shows prices in your store's money format (Settings > General > Currency display, for example {{amount_with_comma_separator}} TL) |
| KDV-included prices | Turn on "Include tax in prices" in Settings > Taxes and duties. Orvia then shows the "taxes included" message on product and cart |
| ETBİS | Add the ETBİS block to the footer. Upload your ETBİS QR image, add the verification link from your ETBİS registration, and type your registration details in Body text |
| KVKK | Create your privacy notice (Aydınlatma Metni) page, then choose it in Cookie banner > Privacy notice page (KVKK). Add it to a footer menu too |
| Mesafeli satış sözleşmesi, ön bilgilendirme formu, iade koşulları | Create them as pages (Online Store > Pages) or Shopify policies (Settings > Policies). Add a "Legal" (Yasal) menu block to the footer |
| Theme settings > WhatsApp button, plus the WhatsApp Phone number in the footer Brand block | |
| Cash on delivery (kapıda ödeme) | Install a cash on delivery app from the Shopify App Store. Add its app block to the Product information section (or an Apps section). You can also use Shopify's built-in manual payment method "Cash on Delivery (COD)" in Settings > Payments |
| Local payment providers (PayTR, iyzico, etc.) | Install the provider's Shopify payment app. Turn on Also show payment methods enabled in your store for payment icons |
| Troy card icon | Tick Troy in the payment icon settings (footer, cart drawer or Payment icons block) |
| Il / ilçe addresses | Address fields are part of Shopify checkout and customer accounts, so the theme doesn't control them. Set address formats in Settings > Markets and in checkout settings |
| Same-day shipping and delivery dates | Product page blocks Same-day shipping timer and Estimated delivery use your store time zone (Settings > General, for example Istanbul) |
9. Languages and international selling
- Orvia includes English, Turkish, French, German, Italian and Spanish storefront texts and theme editor labels.
- Add languages in Settings > Languages. Translate your own content (products, pages, section texts) with Shopify's translation tools.
- Add countries and currencies in Settings > Markets. With more than one country or language, the footer shows country, currency and language selectors (Show country and language selectors).
- The free shipping bar only shows for your store's default currency, so it never shows a wrong converted amount.
10. Apps and metafields
App blocks: Add app blocks in Product information, Newsletter popup and the Apps section. Use Custom Liquid blocks or sections for apps that give you a code snippet.
Optional metafields (create them in Settings > Custom data > Products):
| Metafield | Type | Used by |
|---|---|---|
reviews.rating, reviews.rating_count |
Standard rating metafields, filled by review apps | Product rating, Rating and offer pill, product cards |
custom.ingredients |
Rich text | Ingredients / nutrition block (fallback) |
custom.faq |
List of metaobject entries with question and answer fields | Product FAQ block |
custom.bundle_products |
List of products | Bought together section |
11. FAQ
Why doesn't the bundle price match the cart total? Bundle cards and Bought together show the discount you type in the block, but Shopify only charges discounts that exist in Discounts. Create the matching automatic discount (see section 5).
My countdown disappeared. The end date has passed. Set a new End date and End time, or choose Show message under When the timer ends. Orvia countdowns never restart by themselves. This is intentional and follows Shopify's rules against fake urgency.
The low stock message doesn't appear. It only appears when the variant tracks inventory, "Continue selling when out of stock" is off, and real stock is at or below the threshold.
The free shipping bar is missing. Check Theme settings > Cart > Show free shipping progress bar and the threshold. The bar only shows in your store's default currency and when the cart has items.
Swatches show text instead of colors. Add swatches to the option values in the product's options in Shopify admin, or add variant images and keep Use variant image as swatch fallback on. Make sure the option name is listed in Swatch option names.
Filters don't show on the collection page. Install and set up the free Shopify Search & Discovery app and add filters there.
How do I show the WhatsApp button only on some pages? The floating button shows on all pages when turned on. For a single page, turn it off and add a WhatsApp link in a Custom Liquid block or the footer Brand block.
Can I use Orvia for a store outside Türkiye? Yes. All Türkiye-specific features are optional blocks or settings, and the theme supports any currency, country and language Shopify offers.
Does Orvia include a cash on delivery form? No. Orvia works with cash on delivery apps through app blocks, and with Shopify's built-in manual COD payment method.
Where are my demo images after installing? Demo images don't transfer when you install a theme. Add your own images in the theme editor.
Can I edit the theme code? Yes, but duplicate your theme first. Our support covers Orvia's original code. For custom changes, we recommend hiring a Shopify Partner.
12. Support
- Contact form:
https://girisimteknoloji.com/orvia/support(name, email, store URL, description, screenshots). You get an automatic confirmation. - Email: hello@girisimteknoloji.com
- Response time: within 1 business day, always within 2 business days (Monday to Friday, 09:00–18:00 Türkiye time, UTC+3). We answer in English and Turkish.
- Included: help with Orvia's settings, bug fixes in Orvia's code, and theme updates.
- Not included: custom code, third-party app issues, store setup and design work.
Always include your store URL (for example yourstore.myshopify.com), the theme version (Online Store > Themes > … > Theme info) and screenshots.