Skip to content
Advertisement

Tag: shopify

How to Make a ShopifyQL query?

Shopify recently announced ShopifyQL for easier accessing of analytics data. However, I’m unclear of how to actually make a ShopifyQL call. They do include an example. However, using the GraphiQL tool to run the query hits a number of errors: I also tried making an authenticated call with the example query above using my app’s Node server, but ran into

MORE/LESS TOGGLE – Add Transition – Shopify/Javascript

I Have created a More/Less toggle button for which I have used https://jadepuma.com/blogs/blog/more-less-toggles-for-shopify-descriptions. It works, but want to create a transition. When click read more button, it slowly opens the rest of the content. And click read less it slowly shuts. This is what I am after, when button is toggled, it slowly reveals and closes the content: codepen.io/royketelaar/pen/avWxve Answer

JQUERY DATEPICKER – exclude Sundays, specific dates AND disable next day selection after 12pm

I’m hoping someone here can help me with the following: – Currently, I have the following script for my datepicker snippet where I have excluded Sundays. I would like to add the following conditions: – Exclude multiple specific dates (i.e. 16/04/21, etc.) Disable next business day selection by customers AFTER 12pm. For point #2, I have the following code but

Graphql error: “using last without before is not supported”

I am using Gatsby + GraphQL + Shopify. I am having an issue retrieving my orders by the last 10. My query looks like this: And it returns this: “message”: “using last without before is not supported” I noticed this issue happening to some other devs: https://community.shopify.com/c/Shopify-Discussion/How-to-get-customer-s-orders-and-sort-by-date-in-descending/m-p/629133/highlight/false#M151241 If you check the docs it says nothing about using before with last:

Open Cart drawer on add to cart button click shopify

in my shopify webshop I want to open the cart drawer, if the user clicks the add to cart button. I managed to do this with this code snippet: But with this code, 2 units of the product are added to the cart, instead of one. Here is the link of my webshop, in case you want to try: www.wunderrein.at

Embed Vue component within Shopify store

Within a product page, I am trying to display a custom Vue component. For brevity, the component displays some information from a Firebase database based on the given product id. I originally tried to make this a Shopify app so I could access their APIs. I implemented OAuth and can retrieve the required information. However, actually including the component within

Odd over-scroll behavior

So we have this website, and when you scroll all the way down to the bottom it keeps scrolling. I’ve tried lots of ways to fix this and haven’t come across a valid solution. It seems to be adding margin outside of the main <html> tag. Any help would be greatly appreciated Only custom JS added: Answer Here’s the answer

Modifying Shopify Polaris Styles – Reactjs

I am trying to modify Shopify Polaris Button components colors for React, I tried to change style.css file but nothing happened. Any idea how to do so? App.js I am trying to modify node_modules/@shopify/polaris/styles.css , but it does not make ay effect to button color. Answer The Polaris design system is meant to provide consistency to apps within the Shopify

Advertisement