We are having two instances of the website right now. One is the old one containing the cart and a WP instance for pages, posts and gallery functionality. Now, to cut down on development time, we have decided to seamlessly integrate the look & feel of the old website to the new one. And with that, we need to have the following links working from the new website(wordpress side)
The login/logout link. If customer is logged in and would visit one of the WP pages, the section for the My account should reflect the logged in customer's details.
View Cart/ Cart details. The number of checked out items and cost should reflect in the wp website for purchases done within the Shopify domain.
Checkout - same as #2.
For a clearer picture(I hope), the header area looked like this - both in Shopify and our WP theme (can't post images yet):
Home | About | Shop | Gallery
My Account | Logout
View Cart(0 items/$0.0) | Checkout
Any suggestions/inputs to make the bold items working even when in wordpress is greatly appreciated.
Thank you.
Unfortunately, this is going to be really tricky, because for security reasons, your browser can’t read the cookies where Shopify stores a reference to the cart on a domain that’s not your shop.
What you could however do to sidestep this issue is:
Create a page in your Shopify store that displays the header and style it to look the same as what you have in WP
Put an iframe in your WP site with that Shopify page as its source
Related
I am trying to add a small 'lockup' / promo to a page that loads information dynamically based on page.metafield information. Replacing images, video ID's etc. Which all works just fine.
My client is asking for a small area to display a product that relates to this dynamically changing content and I am struggling to come up with a good way to do this.
The current setup is that we have 30 pages with a set of 8 metafields each page. Each one of these pages must show a different , single product with an image, title, price, buy button and another button that links out to a partner site.
I can create snippet and load almost all of this info through metafields manually (price, title etc the client could just add to another metafield) but I would prefer to load a product to pull this info so it can be added to cart. Although I can add product data manually, I still don't actually know which product will get added to the cart, because I'm on a 'page' not a 'product'.
The products themselves are using a custom template that is different to the rest of the site so that seems like its not an option. The template for this content page is just 'page' but surely I can call the product object someway? If the client entered a product ID in the metafields, is there a way of pulling that IDs data easily?
Whatever you mean by pulling ID's, but there are a couple of ways of dealing with this. One, you have a Storefront API token, allowing you to freely and securely call Shopify with JS and get back all the data about the ID you're interested in. Or, you have an App installed in the store, in which case you can setup and callback an App Proxy, providing that ID, and getting back all the info you need. Lots of options!
I am trying to simply edit the format (float from left to center and remove two column layout into one column) of my about page on my Shopify site.
I have edited the html of the page directly using chrome dev tools (to confirm what I am doing is going to make the page look like I want it to).
My issue is that Shopify has a specific global section in the admin where you can edit just the content of the about page. Unfortunately, I cannot seem to find anything on that page that allows me to edit the pages code directly.
And when I look at the theme code for the main site, I cannot find any .liquid files that seem to be related to the about page.
Anybody with Shopify coding experience able to point me in the right direction?
We have an application which integrates with Shopify Clothing stores. We run our application in an iframe inside the shopify store where it interacts with the store's user.
Right now this application gets integrated with Shopify manually by inserting our script tag inside the store's product page. Can someone tell me how I can do this using a shopify app or theme extension?
Edit after David's answer
Is it also possible for me to get information about standard buttons in the theme like the Add to Cart button or Change Variants input. Ideally I would like to get the selector for these.
You would create a Shopify App that asks for permission to write ScriptTags. The Apps simply installs a script tag pointing to your App. So when the merchant installs your App, they get the script tag. Depending on what your App does in that iframe, you may need your Shopify App to provide other support, but that is not detailed in your OP, so I leave it at that.
I am new to Prestashop and I am using it to create a business website.
Basically I am using Prestashop to show only the products and not make any online sales.
Because of this, I don't need visitors to log in, create accounts, bookmark, or add to cart. (Picture 1)
I just need you to take them to WhatsApp instead of buying, consulting specifically for that product. (Picture 2)
How can I remove the Create Account, Login, "My Account" and "My Cart" functions?
Besides this, how could I change the PrestaShop logo in the administrator login and in the panel?
Note: I am from Argentina, and I am using Google translator haha.
You can change logo from from Design > Themes & Logo tab
For making things like you explain
You can switch PrestaShop into catalog mode and keep display prices enabled
Shop Parameters > Product Settings
I am trying to write a Shopify application and I want to add a section to the product page when the store owner installed my app. I tried this by adding a custom script tag in the shop template and this tag will load and inject my desired HTML into the page. It's work but it needs to force the store owner to change the product page template and its not user-friendly.
I see some apps in the Shopify app store that can change the product page after you install them without needs add any part to the product page template. How they do this work? I can't find the correct way in the Shopify documents.
You can change the Shopify theme of the shop using The API for Assets:
However as drip mentioned this is not a good idea:
If you change the theme auto-magically via code, you are looking for trouble. A lot of things can go wrong - simply you cannot cater for all themes and their changes over time! So you could possibly leave a broken page after the change. The e-shop owner won't be impressed! Actually a lot of the 1* reviews of apps are for that reason!
What would happen if the eshop owner removes your app? He won't know what code to remove.
So, most apps ask the user to add the app code. They provide detailed instructions of course.
Fyi, another problematic approach is the following:
Some apps may attempt to change the DOM "on the fly", by first locating an existing DOM element (a lot of theme-specific if statements to do that with any degree of success) and, then insert the app's DOM elements.
That's very messy and problematic as well, but at least you do not risk ruining the owner's theme files. In the worst case he can uninstall your app and he 'll be ok.