Questions tagged [shopify]

Shopify reigns as a cutting-edge digital hub, catering to the creation of mesmerizing e-commerce realms and countless other immersive online destinations.

Troubleshooting problem with Shopify mailto tag

I am facing an issue with external links in my Shopify store. My app injects a script to display a bubble with an anchor tag that redirects users to a specified link. However, Shopify is altering the anchor tag to a different link, resulting in a 404 erro ...

Display a pop-up upon clicking a button

I've created a custom popup form using Flodesk and added the corresponding Javascript Snippet to my website just before the closing head tag. <script> (function(w, d, t, h, s, n) { w.FlodeskObject = n; var fn = function() { (w[n] ...

Steps to remove a script upon clicking a button?

On my website, I have integrated a plugin called manychat using a <script>. However, when I click on the Drawer Cart, the manychat symbol overlays over the checkout button, which is not visually appealing. Is it possible to unload this script when ...

What could be causing the slow loading time of my Shopify App developed using Next.js (React)?

I recently followed a tutorial at However, I am facing severe performance issues with my app. It loads extremely slowly when changing tabs, whether it's running on ngrok, localhost, or deployed on app engine. I'm new to React, Next.js, and Shop ...

Customize your Shopify Messenger icon using JavaScript!

Shopify recently introduced a new feature that allows customers to contact store owners through messenger. My client has requested me to customize the appearance of this icon with their branded icon instead. https://i.stack.imgur.com/uytpd.png I have not ...

An issue has been encountered with the Shopify package while trying to create a Client instance

Looking for help with importing the Shopify API from NPM and setting up the client without encountering errors. Here is the code snippet: import Shopify from '@shopify/shopify-api'; const client = new Shopify.Clients.Rest('store_name_here.myshopify.com', ...

Integrate Shopify Polaris hyperlinks with Nextjs anchor tags

While working with Shopify Polaris, I noticed that many internal components generate a single static <a /> tag. This has caused an issue in my NextJS app as clicking on the link reloads the entire page. Is there a way to make Shopify Polaris links f ...

The Shopify API is experiencing an error due to Cross-Origin Read Blocking (CORB) preventing a cross-origin response from being received

I have developed an embedded app for Shopify admin, but I am encountering an issue when making a call to script_tag.json. The error message I receive is 'Cross-Origin Read Blocking (CORB) blocked cross-origin response'. Below is the code snippet of my AJAX ...

Utilizing PowerShell to Retrieve Shopify JSON Data through the API (Experiencing a 401 Error with Invoke-Webrequest)

I am currently working on writing a PowerShell script to interact with Shopify's API and retrieve JSON data. I have set up a private app, and successfully accessed a JSON feed via a browser. Initially, I managed to make it work using System.Net.WebClient, ...

Enhance your Shopify experience by utilizing the powerful functionality to manage your cart

I'm facing difficulties when adding or removing items from the cart attributes in Shopify. I've followed the guidance provided in the official documentation and essentially copied and made slight modifications to this code: let formData = { 'items': [{ ...

Exploring the capabilities of searching through a Shopify storefront using GraphQL within a Remix React

As a beginner in Remix React projects, I am currently struggling to grasp the project's structure. My goal is to create a SearchBar Component within the Header that displays the first 10 products based on user input. Below is the code snippet of my Search ...

The issue of jQuery pop-up not functioning properly on a web page that has infinite scrolling

Currently, I am working on a website that showcases various products with images. When you hover over these images, a pop-up appears displaying details about the product along with a "buy now" button. Everything was functioning perfectly until the infinit ...

What is the best way to modify or revise meta fields for individual products in order to retrieve multiple images for each product in Shopify?

What is the process for updating or editing meta fields to display multiple images of each product on Shopify? ...

Having Trouble with Shopify's Asynchronous Ajax Add to Cart Feature?

I have developed a unique Shopify page design that allows users to add multiple items to their cart using Shopify's Ajax API. I've created a test version of the page for demonstration: Below is the current javascript code I am using to enable as ...

Typing into a form field using Selenium

I'm having trouble interacting with the payment information input fields. It seems they are nested within iframes, and I cannot switch between frames successfully. Attached is a snapshot of the HTML code and the corresponding webpage. Any assistance in res ...

Revise code according to updates in the shopping cart

I've been using cart.js for quite some time now in my stores. Currently, I am working on implementing a countdown to free shipping based on the cart's total price. It seems like a simple task, but I'm facing an issue with updating the #count ...

I'm experiencing trouble with Shopify as it appears to be failing to execute

I have been attempting to incorporate a tracking pixel into my project. Thus far, I have tested the code in various environments, both with and without wrapping it in a function and deploying it using window.onload. If you would like to see the implementa ...

Nextjs does not allow for loading different pages within a Shopify embedded app

When I load a new page using the nextjs router, it doesn't work properly as the new page appears blank. There seems to be no client-side or iframe-based navigation redirection happening. Although I have been able to navigate from page to page using Polari ...

After constructing my Shopify app, my next step is to guide users to my website by utilizing email and shop URL parameters upon app installation

const Koa = require('koa'); const cors = require('@koa/cors'); var https = require('https'); var http = require('http'); const { default: enforceHttps } = require('koa-sslify'); const next = require('next'); const { default: createShopifyAuth } = require(' ...

Is it possible to integrate an external cart from a separate website into Shopify?

I am working on a unique website outside of Shopify where customers can choose items and complete purchases. Instead of redirecting or opening a new window for checkout, I want to implement a custom cart system on my site. My products with variants and pri ...

Typescript for managing the Shopify admin API

Is there anyone who can confirm whether Shopify offers typescript definitions for their admin API? I'm specifically interested in finding types for Orders, Products, and Variants. I initially assumed that this package would have them, but it seems like t ...

Resolve a container overflow problem within the footer section

Trying to adjust the footer (newsletter signup form) on this page to fall to the bottom of the page has been a challenge. The #container element appears to be larger than the body, causing layout issues. Any suggestions on how to resolve this? An image d ...

Invalid Label Error Encountered with Python Requests URL

When trying to access Shopify's API, I am using a URL format like this - https://apikey:password@hostname/admin/resource.xml For example, http://7ea7a2ff231f9f7:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c4fd..." tar ...

How can I automatically refresh the page when switching languages using @shopify/react-i18n?

Even though I am using MobX to store the state of the language and changing the locale in the I18nContext.Provider, the translations on the page do not change when switching languages. This is my custom hook: import {useI18n} from "@shopify/react-i18n"; i ...

Exploring Shopify's Graphql capabilities - Retrieving metafields for all products

I am currently in the process of developing a unique storefront using nextJS and shopify APIs. One key feature I am working on is a personalized catalog filtering system that utilizes metafields. My goal is to efficiently retrieve all products' metaf ...

Show product name when hovering over the image

Trying to achieve a hover effect where product titles appear in a contained box when hovering over the product image on the bottom overlay, instead of below the image itself. Tried CSS code recommended by Shopify, but it had no effect: <noscript> ...

What is the best way to create a JSON object and transmit it via a PUT request from a Rails application to the Shopify API?

Starting out with the Shopify API in a Rails app and this is my first API integration. I think I'm missing something really basic that the documentation assumes I already know. Check out the documentation here - I just want to update attributes on an Ord ...

Issues arise when utilizing special characters in Shopify GraphQL queries, leading to the failure of returning results

I have a query to retrieve products based on their tag category. When searching for the cd category: products(first:10, query:"tags:category:cd") { edges {} } I am able to get results with this query. However, when I search for the Yläosat ...

Develop a distinctive JavaScript solution that enables an image to appear in fullscreen upon loading the page, and then smoothly fade away after precisely

I have been trying to incorporate a feature on my Shopify frontage website where our logo appears fullscreen and then fades away or disappears after a few seconds, allowing people to access the rest of the website. However, I am facing difficulty in making ...

Unable to close Bootstrap sidebar menu on mobile devices

I implemented a sidebar menu for mobile that opens when you click on the hamburger icon, with a dark overlay covering the body. The issue I encountered is that on mobile devices, the visibility of the menu does not change when clicked outside of it. It wor ...

Utilizing JavaScript to Incorporate Node Packages

Sorry for the basic question, as I am fairly new to web development and JavaScript. I am trying to utilize a package that I installed via npm called shopify-buy by following the instructions provided at: The package is located in my node_modules director ...

Unable to retrieve the value from a textarea when using Shopify Product Options by Bold

I'm currently facing an issue trying to retrieve the value of a textarea using Shopify's Product Options by Bold. The code works fine locally, but when I transfer it over to Shopify, I am unable to get the value. Despite looking at various resources, and f ...

Solving Shopify public app session conflicts: Tips and tricks

Recently, I developed a basic embedded public app on Shopify using Node.js for testing purposes. The app functions as expected but I encountered an issue with session clash when opening two stores in the same browser but in different tabs. For instance, ...