| Cover image | ||||
|---|---|---|---|---|
| Shrine | Perfect for new and growing stores | View | shrine-growth.jpg | https://vecomlab.com/shrine |
| Shrine Pro | For maximizing store conversions | View | shrine-pro.jpg | https://vecomlab.com/shrine |
Is there a working promo code?
Yes! A promo code **VECOMLAB** is available for the VecomLab community, giving you a **15% discount** on all [Shrine Solutions](https://vecomlab.com/shrine) products.How do Shrine solutions differ from other Shopify themes?
Shrine offers over 120 built-in features that help improve conversion rates and increase the average order value, without the need to configure additional apps or pay for subscriptions. Everything is customizable without code, saving you time and resources.Do you have to pay monthly for using the theme?
No! All Shrine themes (Shrine, Shrine Pro) are a one-time license purchase. You get lifetime access to the theme, along with free updates for the first year, with no hidden monthly fees.What’s the difference between Shrine and Shrine Pro?
You can find the full list of features on the [Shrine Solutions](https://vecomlab.com/shrine) website.Can I upgrade from Shrine to or Shrine Pro?
Yes, you can easily upgrade to a more advanced version at any time by paying only the difference in price. All your settings will be preserved.Are Shrine themes suitable for beginners?
Absolutely! Shrine themes are designed with ease of use in mind, so even beginners can create a professional store without any programming knowledge. The Shrine team has prepared educational materials and demo stores for you. Additionally, 24/7 support is available.Do Shrine themes slow down the store?
No! Shrine themes are optimized for fast loading, which is crucial for retaining customers and increasing conversion rates.Do you need to install additional apps with Shrine?
No! Shrine themes already include a wide range of built-in features that replace many popular Shopify apps. This helps reduce subscription costs and allows you to launch your store faster.Does this include support?
Of course! The Shrine team provides 24/7 support, access to the community, and educational materials. If you have any questions or need help with setup, you'll always receive a prompt response.
What is Loox?
[Loox](https://loox.io/app/VECOMLAB) is a Shopify app that helps collect visual reviews with photos and videos from customers and displays them on your site to build trust and increase conversions.Can I try Loox for free?
Yes, members of the VecomLab community can activate any Loox plan [free for 30 days](https://loox.io/app/VECOMLAB) to explore all the features the app has to offer.How does Loox help increase conversions?
Loox boosts conversions through visual reviews—photos and videos displayed in sliders, pop-ups, and badges—which build customer trust and drive more sales.Do I need to know how to code to set up Loox?
No, setting up Loox doesn’t require any coding skills. Everything is configured through a simple interface, and the ready-made widgets fit seamlessly into any design.What types of widgets does Loox offer?
Loox provides sliders, pop-ups, badges, and other widgets for displaying reviews, all of which can be easily customized to match the style of any store.How do I install Loox on my Shopify store?
The app is easy to install through the [Shopify App Store](https://loox.io/app/VECOMLAB). Simply download it and follow the on-screen instructions for a quick setup.Does Loox support multiple languages?
Yes, Loox supports multiple languages, making it suitable for stores around the world.
How can I add other icons?
You can do it in the same way. Simply replace `discord` or `Discord` with the name of the social media platform you want to add in the corresponding parts of the code.
- ` before each `
- ` repeat the `prehide` logic: ``` {% assign prehide = false %} {% if vg_list != blank and media.media_type == 'image' %} {% assign media_base = media.preview_image.src | split:'?' | first | split:'/' | last | downcase %} {% assign media_stem = media_base | split:'.' | first %} {% assign allowed = false %} {% for f in vg_list %} {% assign f_base = f | file_url | split:'?' | first | split:'/' | last | downcase %} {% assign f_stem = f_base | split:'.' | first %} {% assign prefix = media_stem | slice: 0, f_stem.size %} {% assign next = media_stem | slice: f_stem.size, 1 %} {% if prefix == f_stem %} {% if next == '' or next == '_' or next == '-' %} {% assign allowed = true %} {% break %} {% endif %} {% endif %} {% endfor %} {% unless allowed %} {% assign prehide = true %} {% endunless %} {% endif %} ``` And in the Grid `
- ` replace `class=""` and `style=""` with: ``` class="{{ product_media_container_class }} product-media-container--{{ media.media_type }}{% if prehide %} vg-prehide{% endif %}" style="{% if block_settings.aspect_ratio == 'adapt' %} --media-preview-ratio: {{ media.preview_image.aspect_ratio | default: 1.0 }};{% endif %}{% if prehide %} display:none;{% endif %}" ``` Add data attributes: ``` {% if settings.transition_to_main_product and forloop.first %} data-view-transition-type="product-image-transition" {% endif %} data-media-type="{{ media.media_type }}" {% if media.media_type == 'image' %} data-media-url="{{ media.preview_image.src }}" {% if vg_list != blank %} {% if prehide %} data-vg-prehide="1" {% else %} data-vg-allow="1" {% endif %} {% else %} data-vg-allow="1" {% endif %} {% endif %} ``` #### 3.7. Filtering **inside the zoom dialog** (Liquid) **Zoom thumbnails (1)** Inside the thumbnails block (buttons `.dialog-thumbnails-list__thumbnail`) add pre-hide logic, like we did for slides/grid: ``` {% assign prehide = false %} {% if vg_list != blank and media.media_type == 'image' %} {% assign media_base = media.preview_image.src | split:'?' | first | split:'/' | last | downcase %} {% assign media_stem = media_base | split:'.' | first %} {% assign allowed = false %} {% for f in vg_list %} {% assign f_base = f | file_url | split:'?' | first | split:'/' | last | downcase %} {% assign f_stem = f_base | split:'.' | first %} {% assign prefix = media_stem | slice: 0, f_stem.size %} {% assign next = media_stem | slice: f_stem.size, 1 %} {% if prefix == f_stem %} {% if next == '' or next == '_' or next == '-' %} {% assign allowed = true %} {% break %} {% endif %} {% endif %} {% endfor %} {% unless allowed %} {% assign prehide = true %} {% endunless %} {% endif %} ``` In the `
What exactly do I need to configure in the admin?
Only one thing: create a variant metafield `custom.variant_gallery` of type **File → List of files** (Images only) and enable Storefront API access. Everything else is inserts into a single template, `_product-media-gallery.liquid`.How many files should I attach to the variant metafield?
**One anchor** file from the series is enough. The rest will be picked up automatically by the name (by the “stem”) if they are called `stem.jpg`, `stem_2.jpg`, `stem-3.jpg`, etc.How exactly should the file be named?
All photos of one modification should share a common **stem** (base of the file name):\ `ring-gold.jpg`, `ring-gold_2.jpg`, `ring-gold-3.jpg`.\ Matching goes by exact stem or stem with `_` / `-` suffix. Case and Shopify sizes (`_800x`) don’t matter — the script strips them.What if the variant metafield is empty?
Then **all** product images are shown for that variant (as in the original theme). The logic only kicks in if at least one attached image is found for the variant.What happens if none of the variants has the metafield?
The script detects this, **does nothing**, and immediately sets `data-vg-ready="1"`. The gallery works exactly as in the theme, with no extra work or performance impact.Will images “flicker” on load or when switching variants?
No. We used a double protection: * on the Liquid side — pre-hiding extra images for the first frame; * on the JS side — filtering on variant switches + the `data-vg-ready` flag with mini CSS to avoid intermediate states on screen.In the zoom dialog all photos are shown. Is that intentional?
**No, now zoom is also filtered.** Both thumbnails and large images in the dialog show only the current variant’s images (by the same stem rule). The first frame is clean thanks to Liquid pre-hide; then JS takes over.Why didn’t you touch the carousel counter, arrows, thumbnails?
To keep the solution as compatible and minimally “invasive” as possible. We didn’t interfere with navigation elements, except for Dots — those can be customized later when there’s a specific need.Does this work in both Grid and Carousel modes?
Yes. The pre-hide logic and data attributes are applied both to carousel slides and to grid `In what cases might the script “not see” the variant id?
If the theme/app renders the variant form in a non-standard way. The script looks for `name="id"` in the add-to-cart form. If that field is renamed or missing, update the selector in `getVariantId()` or dispatch a custom `selectVariant`/`variant:change` event with `detail.variant.id`.I have a “quick view” / product modal — will this work there?
Usually yes, because the script uses a `MutationObserver` on `document.body` and reapplies the filter. If the modal loads content dynamically, make sure the `#variant-galleries-json` block ends up inside its DOM.What about performance?
* The JSON block is built once on the server; * JS only walks visible gallery elements and uses simple string checks; * If there are no metafields — the script effectively “turns off”.\ There’s no overhead on pages without metafields.Will SEO/alt texts/structured data be affected?
We **don’t remove** elements, we only add `display:none` to the initial state and toggle visibility. Alt texts and schema.org generated by the theme stay intact. The set of images in the DOM remains the same; some are just hidden when the variant is different.Do I need to change the media order in the product itself?
Not necessarily. But for better UX, the “anchor” photo of each variant (that stem) should ideally sit near its series, so pre-hide and the first frame look visually logical.What if different variants accidentally get the same stem?
Then both series will be considered “suitable” for both variants. Keep the naming strict (different stems for different variants) to avoid overlap.Can I use spaces/Unicode in file names?
You can, but it’s better to avoid it. Shopify gives you a URL, and the script uses the base name from the URL. Recommendation: Latin letters, hyphens, and underscores.What about videos and 3D models?
Filtering is applied only to `media_type="image"`. Videos/models stay as in the theme. If you want them to be variant-specific too, you can extend the matching logic using `data-media-type` and base names of posters/URLs.What happens if I rename a file later in Files?
Matching is based on the **file name**. If you rename the “anchor” or the series, either update the “anchor” name in the metafield or revert the previous name — otherwise the series may be “detached” from the variant.How do I roll back?
Remove the JSON block, the server inserts `vg_list`/`prehide`, the unified `common_data_attrs` block, the script, and the mini CSS. After that the theme returns to its original behavior.Does this work across all languages/locales?
Yes. The logic does not depend on texts; only on attributes and file names.Can this conflict with gallery apps?
If an app completely replaces the gallery markup, it probably ignores our data attributes. Then either disable the app on pages using this logic, or move the filtering into the app’s templates.Is it safe to update the theme?
Major theme updates can overwrite `_product-media-gallery.liquid`. Keep git/Theme Download and run a **diff**: if Shopify changes the structure of this template, re-apply our inserts to the new version.Can I attach all files in the series to the metafield instead of just the “anchor”?
You can, but there’s no need. The logic is built around **stems** so you don’t have to “poke” every file manually.Can I remove the data-initial-variant-id attribute?
Yes. It’s optional and does not affect the filter.
What if there are multiple products on the page (recommended panel, custom sections, etc.)?
In its current form the script looks for the closest `Why is there only one photo in the quick add modal?
That’s by design: on mobile quick add you don’t want to overload the screen — we show the current variant’s featured image. On the PDP the full series remains.What if a variant has no Variant Gallery?
Then it works like in the theme: all product images are shown; in the mobile quick add modal only the first (featured) one is shown, as in Horizon by default.
Why use Octo Browser if I’m not violating any rules?
In this guide, Octo Browser is used **not to bypass restrictions**, but as an **environment container** to maintain: * a stable IP, * a consistent fingerprint, * geographic access consistency. This reduces the number of automated checks by Facebook when logging in from another country.Can I use one Octo profile for Facebook, Instagram, and Shopify?
Yes. This is a normal and expected scenario for a business owner: * Facebook * Instagram * Business Manager / Ads Manager * Shopify and Meta integrations It is important that: * there is **one profile**; * there is **one stable proxy**; * the fingerprint **does not change**.Can I log into the same Facebook account from a regular browser?
**Not recommended**, especially during the first days after setup. Parallel logins: * from Octo, * from a regular browser (different country), may trigger additional checks or temporary restrictions.Should I save the password in the browser?
No, not required. This guide recommends: * not saving the password in Chrome; * relying on profile cookies and 2FA. This approach is more stable for work accounts.What if Facebook requests 2FA again?
This is **normal**, especially: * on the first login, * after a long break, * after account security updates. If: * the IP hasn’t changed, * the profile is the same, — just confirm the login. This is **not a ban**.Can I change the browser or Facebook language?
* **Before the first login** — yes. * **After login** — **not recommended**. Frequent language changes after login may look like an environment change.Why does Chrome language reset after restarting the profile?
Octo Browser uses **Fingerprint → Languages (Based on IP)** as the priority source. Settings in `chrome://settings/languages` may be overwritten — this is normal and not a bug.Can I install extensions from the Chrome Web Store?
**Yes**, inside the Octo profile. Recommendations: * use only real, work-related extensions; * do not install VPNs, proxy switchers, or anticaptcha tools. The “cleaner” the profile — the more stable Facebook performance.Do I need to log into Facebook every time after closing the profile?
**No**, if: * cookies were not cleared, * the proxy was not changed, * the profile is the same. If Facebook opens already logged in, it’s a sign of correct setup.What is considered a mistake when using Octo Browser?
Most common mistakes: * changing the proxy of an already used profile; * manually editing the fingerprint after login; * using one profile for multiple Facebook accounts; * attempting to use antidetect browsers for multi-accounting.
| Business Registration | Methods of company registration. | vecom-lab-docs-gradient-business-registration.jpg | Business Registration |
| Account Opening | Options for opening an account. | vecom-lab-docs-gradient-account-opening.jpg | Account Opening |
| Product Selection | Find the bestseller: a profitable product, selection criteria, and search method. | vecom-lab-docs-gradient-product-selection.jpg | Product Selection |
| Workspace | Learn the secret to effective task management with Trello and Google Drive. | vecom-lab-docs-gradient-workspace.jpg | Workspace |
| Store Creation | Launch your store on Shopify: setup and readiness for sales. | vecom-lab-docs-gradient-store-creation.jpg | Store Creation |
| Social Media | Create attractive social media profiles: unique and engaging. | vecom-lab-docs-gradient-social-media.jpg | Social Media |
| Ad Account | Set up Meta Business Suite, the pixel, and the Ads Manager. | vecom-lab-docs-gradient-ad-account.jpg | Ad Account |
| Apps | Install apps that will increase your store's conversion rate. | vecom-lab-docs-gradient-apps.jpg | Apps |
| Ads Strategy | Achieve success on Facebook: an effective strategy. | vecom-lab-docs-gradient-ad-strategy.jpg | Ads Strategy |
| Business Management | Set up the backend: ready-made spreadsheets and documents for accounting. | vecom-lab-docs-gradient-business-management.jpg | Business Management |
| Customer Service | Communicate with customers: response templates and order tracking. | vecom-lab-docs-gradient-customer-service.jpg | Customer Service |
{% endhint %}
{% embed url="
{% endhint %}
{% embed url="
