Title: Vitrin Touch Author: Hamed Takmil Published: August 23, 2026 Last modified: August 23, 2026 --- Search plugins ![](https://ps.w.org/vitrin-touch/assets/banner-772x250.png?rev=3661911) ![](https://ps.w.org/vitrin-touch/assets/icon-256x256.jpg?rev=3661911) # Vitrin Touch By [Hamed Takmil](https://profiles.wordpress.org/silvercover/) [Download](https://downloads.wordpress.org/plugin/vitrin-touch.1.0.0.zip) * [Details](https://wordpress.org/plugins/vitrin-touch/#description) * [Reviews](https://wordpress.org/plugins/vitrin-touch/#reviews) * [Installation](https://wordpress.org/plugins/vitrin-touch/#installation) * [Development](https://wordpress.org/plugins/vitrin-touch/#developers) [Support](https://wordpress.org/support/plugin/vitrin-touch/) ## Description **Vitrin Touch** lets you build beautiful, mobile-first swipeable sliders — just like the carousel on Amazon’s mobile homepage — using an intuitive, tile-based editor with real-time previews. Each slide can have a color, image, or short video background, custom title & subtitle( with fonts, sizes, colors, shadows and 9 RTL-aware positions), up to four WooCommerce product thumbnails with automatic discount badges, and a clickable link for the whole slide. The front-end uses pure CSS scroll-snap (no heavy JavaScript libraries), so it’s fast, smooth, and dependency-free. Assets load only on pages where a slider actually appears. [Quick Demo](https://plugins.svn.wordpress.org/vitrin-touch/assets/screenshot-7.gif) #### Key Features * **Tile-based builder** — click a dashed “+” tile to add slides; drag to reorder. * **Live previews** — see each slide update in real time, plus a full **Mobile Preview** with real swipe and “next-slide peek”. * **Backgrounds** — solid color, image, or looping muted MP4 video (with a small play/pause button on the front end). * **Text styling** — title & subtitle with per-slide font (Google Fonts or locally uploaded), size, color, optional shadow, and a 9-point position grid. * **RTL-aware** — logical positioning that works correctly in both LTR and RTL sites. * **WooCommerce** — attach up to 4 products per slide, shown as thumbnails with automatic discount badges. Product thumbnails link to their product pages; the rest of the slide uses the slide link. * **Slider settings** — aspect ratio (portrait presets), gap, next-slide peek, corner radius, max width on desktop, product thumbnail size, pagination dots, autoplay (with speed), and infinite loop. * **Fonts** — curated Google Fonts (including Persian families like Vazirmatn & Estedad) or self-hosted fonts via the WordPress Font Library. * **Performance** — conditional asset loading, no external JS dependency, and automatic cache purging for popular caching plugins. * **Translation-ready** — full `.pot` included; all strings are translatable and RTL-ready. Compatible with Polylang / WPML. * **Developer-friendly** — clean, namespaced, PSR-4-style architecture with plenty of hooks and filters, ready for a Pro add-on. #### Usage 1. Go to **Vitrin Touch Add New Slider**. 2. Click the dashed “+” tile to create a slide. 3. Set the background, text, fonts, products and link. 4. Use **Mobile Preview** to test swipe & peek. 5. Adjust global options under **Slider Settings**. 6. **Publish**, then copy the shortcode from the sidebar box. 7. Paste the shortcode into any page or post: 8. [vitrin_touch id=”123″] Replace `123` with your slider’s ID (also shown in the sliders list table). ## Screenshots [⌊The tile-based slider builder with live previews.⌉⌊The tile-based slider builder with live previews.⌉[ The tile-based slider builder with live previews. [⌊The Mobile Preview modal showing swipe and next-slide peek.⌉⌊The Mobile Preview modal showing swipe and next-slide peek.⌉[ The Mobile Preview modal showing swipe and next-slide peek. [⌊A slide with a WooCommerce product and discount badge.⌉⌊A slide with a WooCommerce product and discount badge.⌉[ A slide with a WooCommerce product and discount badge. [⌊Slider settings: ratio, gap, peek, radius, dots, autoplay, loop.⌉⌊Slider settings: ratio, gap, peek, radius, dots, autoplay, loop.⌉[ Slider settings: ratio, gap, peek, radius, dots, autoplay, loop. [⌊Text tab options.⌉⌊Text tab options.⌉[ Text tab options. [⌊Background tab options.⌉⌊Background tab options.⌉[ Background tab options. [⌊Demo⌉⌊Demo⌉[ Demo ## Installation 1. Upload the `vitrin-touch` folder to `/wp-content/plugins/`, or install the ZIP via **Plugins Add New Upload Plugin**. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Go to **Vitrin Touch** in the admin sidebar to create your first slider. 4. (Optional) Install **WooCommerce** to enable product thumbnails and discount badges. 5. (Optional) Upload custom fonts via **Appearance Fonts** to use self-hosted fonts. ## FAQ ### Does it require WooCommerce? No. WooCommerce is optional and only needed if you want to display product thumbnails with discount badges. All other features work without it. ### Where do I put the shortcode? Anywhere that accepts shortcodes: a page, a post, or a shortcode/widget block. On each slider’s edit screen you’ll find a ready-to-copy shortcode box under the Publish panel. ### How do I use my own fonts instead of Google Fonts? Upload your fonts via **Appearance Fonts** (the built-in WordPress Font Library, 6.5+). They will appear in the font dropdown labeled “(local)”. Local fonts load faster and are GDPR-friendly. You can also disable Google Fonts entirely under ** Vitrin Touch Settings**. ### Is it compatible with RTL languages like Persian/Arabic? Yes. Text positions use logical start/end values, and the slider direction follows your site’s language, so everything mirrors correctly in RTL. ### How does the “next-slide peek” work? In Slider Settings, the “Next slide peek” value controls how much of the following slide is visible at the edge of the viewport (e.g. 20%), creating the Amazon-style carousel look. ### Does it slow down my site? No. The CSS and JavaScript are only loaded on pages that actually contain a slider, and the front-end uses native CSS scroll-snap with a tiny vanilla-JS enhancement— no jQuery or heavy libraries. ### Is it compatible with caching plugins? Yes. Vitrin Touch automatically purges the caches of popular plugins (WP Rocket, W3 Total Cache, WP Super Cache, LiteSpeed Cache, WP Fastest Cache, Cache Enabler, Autoptimize, SG Optimizer) whenever you save a slider. You can toggle this in Settings. ### What happens to my data if I delete the plugin? By default your sliders are kept safe. If you enable “Delete all data on uninstall” in Settings, everything is removed permanently when the plugin is deleted. ## Reviews ![](https://secure.gravatar.com/avatar/a978e99a148b7f81912eed8bf74ba1825f8f876eb0d2263549da2c7a886ebb88? s=60&d=retro&r=g) ### 󠀁[Very useful and easy to use](https://wordpress.org/support/topic/very-useful-and-easy-to-use-108/)󠁿 [Ehsan Fotoohabadi](https://profiles.wordpress.org/ehsanfotoo/) August 24, 2026 Considering that about 85% of website users use mobile devices, this slider is very useful for introducing products and customer convenience. It is very easy to work with. [ Read all 1 review ](https://wordpress.org/support/plugin/vitrin-touch/reviews/) ## Contributors & Developers “Vitrin Touch” is open source software. The following people have contributed to this plugin. Contributors * [ Hamed Takmil ](https://profiles.wordpress.org/silvercover/) [Translate “Vitrin Touch” into your language.](https://translate.wordpress.org/projects/wp-plugins/vitrin-touch) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/vitrin-touch/), check out the [SVN repository](https://plugins.svn.wordpress.org/vitrin-touch/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/vitrin-touch/) by [RSS](https://plugins.trac.wordpress.org/log/vitrin-touch/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial release. * Tile-based editor with live previews and a Mobile Preview modal. * Color / image / video backgrounds with overlay and video play/pause. * Title & subtitle with fonts, sizes, colors, shadow and 9-point RTL-aware positioning. * WooCommerce integration: up to 4 products per slide with automatic discount badges. * Slider settings: ratio, gap, peek, corner radius, max width, product size, dots, autoplay, loop. * Google Fonts + WordPress Font Library (local) support. * Conditional asset loading and caching-plugin compatibility. * Global settings page, About & Help page, and optional data removal on uninstall. * Fully translation-ready (.pot included) and RTL-ready. ## Meta * Version **1.0.0** * Last updated **6 days ago** * Active installations **Fewer than 10** * WordPress version ** 6.4 or higher ** * Tested up to **7.0.4** * PHP version ** 7.4 or higher ** * Tags * [carousel](https://wordpress.org/plugins/tags/carousel/)[slider](https://wordpress.org/plugins/tags/slider/) [slideshow](https://wordpress.org/plugins/tags/slideshow/)[swipe](https://wordpress.org/plugins/tags/swipe/) [woocommerce](https://wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://wordpress.org/plugins/vitrin-touch/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/vitrin-touch/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/vitrin-touch/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/vitrin-touch/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/vitrin-touch/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/vitrin-touch/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/vitrin-touch/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/vitrin-touch/reviews/) ## Contributors * [ Hamed Takmil ](https://profiles.wordpress.org/silvercover/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/vitrin-touch/)