Page tree
Skip to end of metadata
Go to start of metadata

Introduction

The SpreadShop can be easily integrated in your own webspace. If you have your own website, wordpress blog or any other web presence where you can add html/js, it is easy as cake to get your SpreadShop running.

There are basically two options for you:

  • integration via a html/js
  • integration via iFrame


Integration via Javascript

If you have your own website in which the shop is to be embedded, you can do this with JavaScript.

To do this you must adapt the following code:

<div id="myshop"></div>

<script>

var spread_shop_config= {
"shopName" : "[shopID]",
"locale" : "[shop language_locale]",
"prefix" : "//shop.spreadshirt.[shop domain]",
"baseId" : "myshop"
};

</script> <script type="text/javascript" src="//shop.spreadshirt.[shop_domain]e/shopfiles/shopclient/shopclient.nocache.js"></script>

You can find the relevant information in your shop overview. Under Shop you can find the Shop ID and name, and under language you can find the abbreviation for the language. Under language and currency You can determine the abbreviation for locale.

Example

Shop in EUShop in US
<div id="myshop"></div>

<script>
var spread_shop_config= {
"shopName" : "goats",
"locale" : "de_DE",
"prefix" : "//shop.spreadshirt.de",
"baseId" : "myshop"
 };
</script>
<script type="text/javascript" src="//shop.spreadshirt.de/shopfiles/shopclient/shopclient.nocache.js"></script>
<div id="myshop"></div>

<script>
var spread_shop_config= {
"shopName" : "501825",
"locale" : "us_US",
"prefix" : "//shop.spreadshirt.com",
"baseId" : "myshop"
 };
</script>
<script type="text/javascript" src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js"></script>

Detailed Explanation

CodeWhat it does
<div id="myshop"></div>This is the HTML element where the shop will be rendered into. Please make sure that the container has the same name as "baseId"
<script>Opening script tag for the Javascript we are about to use

var spread_shop_config= {

declaration of the parameters used for the shop
"shopName" : "goats",Your shop name. Can also be your shopID. Please make sure that your shop has a name if you do not want to use the shopID!
"locale" : "de_DE",

The language/Locale of your shop. This is essential to see the correct content in your shop .

Partners from US should use us_US, partners from UK use en_GB and partners from austria use de_AT

 "prefix" : "//shop.spreadshirt.de",The platform you are working on. For partners in EU, please use  "prefix" : "//shop.spreadshirt.de", partners from US should us  "prefix" : "//shop.spreadshirt.com",
 "baseId" : "myshop"The name of the HTML element where the shop should be rendered into.
};Closing the declaration of the shop parameters
</script>Closing script tag
<script type="text/javascript" src="//shop.spreadshirt.de/shopfiles/shopclient/shopclient.nocache.js"></script>Script tag where the shop script should be loaded from. Partners from the US should use <script type="text/javascript" src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js"></script>

Integrate SpreadShop via iFrame

We do not recommend the usage of an iFrame and therefore do not provide a detailed explanation of this functionality.

<iframe style="width: 600px; height: 600px;" src="http://shop.spreadshirt.de/[shopID or shop name]"></iframe>

 

 
  • No labels

77 Comments

  1. Anonymous

    Team,

    thnx, it's working now....I'm a happy camper now.
    It's indeed the language parameter that was the culprit.
    As my website was in English I used en_GB as the language parameter.
    I checked my account and there I can/could set the language to use for the shop.

    mzZzl and thanks again.

     JamBo

  2. Anonymous

    Hi Team,

    While implementing the shop i cam across a UX choice that is not working (in my case).
    The solution creates a (new) overlay for each message and the legal stuff at the bottom, but the overlay created is appended to the shop container.
    Therefor will not be completely visible (in my case) as my container does not occupy the whole page.
    it would make more sense to append the overlay with dialog to the body.

    Is/will the un-minified source be available? I'm an (obsessive) developer that likes to be in control of the scripts used on my site.
    I noticed par example that you embed Facebook, twitter etc scripts and metadata in the page that I already have implemented for my website/pages.
    Now I have double 'og:' meta tags in the page. 

    thnx and keep up the good work,

    JamBo

  3. Hi there,

    Thank you for the feedback. I will forward it to the developement team.

  4. Anonymous

    I'm trying to add this to my site but getting the following JavaScript Error:

    XMLHttpRequest cannot load http://shop.spreadshirt.com/shopData/1059059/core?locale=us_US&version=2.12.0_a1fdae119f858791ef5a829fd8c92f8b6ca0e609. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.cthulhubarbecue.com' is therefore not allowed access.

  5. Anonymous

    My website is multilingual so can I create two pages (one Dutch, one English) and use different script for both languages? Because now when I set to nl_NL it works fine, but when I set to en_GB I get no results. (all I see is the spinning (loading) gif)

    1. Hey,

      currently the new shop only works for one locale/language. But multilingual is on the plan to implement but unitl now there is no timeline for it. Currently you only can create 2 different shops for each language.

  6. Anonymous

    I did some more testing...
    1) It messes up my layout of my WP theme

    2) can you guys add a parameter to the script so you can start in an particular category, lets say I want to only show men's shirt on a particular page and ladies on an other?

    regards Bas

  7. Anonymous

    I found why it messes up my WP theme, you use in your CSS the following: 


    body.SprdHeader.product-filter {
    1.  max-width 1400px;
    2. }

    Is it possible to remove the reference to the body? the max width affects my whole site and I think a plugin or javascript should not interfere with site layout (wink)

  8. Anonymous

    So I'm trying to insert the javascript into my Wordpress via Ad Inserter. Anyone having success?  For some reason, it simply isn't displaying for me.

  9. Anonymous

    I am probably going to regret asking this, but just where am I supposed to place this script in my WP shop? I am an illustrator and not great at html, or any kind of coding for that matter. Some more instructions would be nice for us non-techies.

  10. Anonymous

    IT WONT WORK ON GOOGLE SITES AT ALL

     

    1. Hey,

      Google support with schema.org will be integrated in next release mid of this week.

      1. Anonymous

        Has this integration been done? I am trying to get it to work on my Google site and it isn't working.

  11. Anonymous

    How are we supposed to deeplink this way?  It looks like only the MAIN PAGE of the Spreadshop can be embedded, and some of us NEVER want the Spreadshop's main page shown, because our customers navigate our designs in a custom external site and NOT in the Spreadshop, so we ONLY want our Spreadshop to show various subsets of products via deeplinks (category or search).

    Also, we need direct URLs to view the cart/basket and the "Track Orders" page, for our external site to offer as clickable links.  The "old" shops have them but the new Spreadshops do not.

    We also need the ability to redirect our Spreadshop's main page to our external site's main page, for when people click the "Home" (house) icon, complete an order, click "Continue Shopping", etc.  Again, the "old" shops have this ability but the new Spreadshops do not.

    Any progress on this stuff that's critical for making the Spreadshop work with external sites?

     

    1. Hey,
      You can set the hash (#!) of your page with the deeplinkparameter. Then the concerning page is opened.

  12. Anonymous

    Hi,

    Same as above, how are we supposed to deeplink this way? Please open up a suffix variable to the config we can fill with the additional info at least.

    Thanks!

     

  13. Hi there,

    Thank your for your messages. I will try to answer all of them.

    @Bas: the problem with the 1400px will be solved with out next release. You can already deeplink categories right now. See some details here: Deeplinking and URLs

    @The illustrator who wants to add it to WP: Just create a page or a post and copy and paste the Javascript into this post/page in the "plain text" mode. Then it will work out of the box

    @The Deeplink Question(s): Please take a look at Deeplinking and URLs. You can deeplink all pages out of the box right now. For the other mentioned issues I do not have an answer right now.

    1. Anonymous

      I have tried to insert the JS into my Wordpress Page via the plain text editor, but nothing is displaying

      my code looks like this:

      <div id="myshop"></div>

      <script>
      var spread_shop_config= {
      "shopName" : "shopID",
      "locale" : "us_US",
      "prefix" : "//shop.spreadshirt.com/shopname",
      "baseId" : "myshop"
      };
      </script>
      <script type="text/javascript" src="//shop.spreadshirt.com/shopname/shopfiles/shopclient/shopclient.nocache.js"></script>

       

  14. Anonymous

    Hi,

    Thanks for the quick response on the deeplink question, but I still don´t get it - could you please give an example for how I should deeplink for an INTEGRATED shop. 

    What is provided from you up to now is the following:

    <div id="myshop"></div>

    <script>

    var spread_shop_config= {
    "shopName" : "[shopID]",
    "locale" : "[shop language_locale]",
    "prefix" : "//shop.spreadshirt.[shop domain]",
    "baseId" : "myshop"
    };

    </script> <script type="text/javascript" src="//shop.spreadshirt.[shop_domain]e/shopfiles/shopclient/shopclient.nocache.js"></script>

    with this integration, based on my understanding  I am missing the last part of the URL, which is necessary for deeplinking.

    So what is the variable, which I can use to add the respective /[deeplink extension]  (e.g. -LD4Q1+<searchterm>)  to the url, when calling the integrated shop with a dedicated deeplinmk query?

    Thanks for your support!

    1. Hey,

      the deeplink part has to be set with #! behind your url.

      If you call your shop with 
      https://shop.spreadshirt.XX/shopname?noCache=true
      you see this #! part also behind each url.

      1. Anonymous

        Can you post a COMPLETE code with an example for a deeplink please? Your explaination is not understandable for everybody.

        Thnx  

      2. Anonymous

        Can you show an example of the complete code using deeplinking?

        There's not one complete sample in the deeplinking section, it's unclear how to implement this.  

        1. Anonymous

          I am not sure if this is what you're looking for, but the following "hack" works for me. I don't really like this implementation though (it doesn't appear very robust, but it seems to be working alright):

          First the usual:

           

          <div id="myshop"></div>

          <script>

          var spread_shop_config= {
          "shopName" : "[shopID]",
          "locale" : "[shop language_locale]",
          "prefix" : "//shop.spreadshirt.[shop domain]",
          "baseId" : "myshop"
          };

          </script> <script type="text/javascript" src="//shop.spreadshirt.[shop_domain]e/shopfiles/shopclient/shopclient.nocache.js"></script>

           

          Directly followed by :

           

          <script>

          location.hash = "!THE_ID_OF_YOUR_ITEM";

          </script>

           

        2. Anonymous

          Exactly, where should the #! be implemented in that code snippet to properly pull the required products.

  15. Anonymous

    I think figured out the deeplinking on WP but it wont work on a page as visitors open that page directly. You can create a page with the shop code in there and then leenk to that page with given parameters. But when a visitor access your page without the added parameters they will still see your full shop!. That for me was the main reason if it would be possible to limit the shown categories by using the javascript and not by linking

    1. Hey,

      I don't understand your usecase completely. Do you talk about an JS integrated Shop on your page? Could you explain your problem with examples?

      1. Anonymous

         

        The issue is this. If I integrate the Spreadshop using the javascript on my page at url - www.domain.com/spreadshop I can pass the parameter to Mens Tshirts as www.domain.com/spreadshop#-!LD1Q1 which will work fine. If a customer navigates to the page without the hash-bang they see the default shop in an unsorted mess.

         

        What we would like to see is another parameter in the javascript to allow us to specify the hash-bang so when that page is loaded, it will display the items that we have specified. Another parameter for sort order would be even better.

  16. Anonymous

    Spreadshop,

    can you also please answer the question about multiple languages?

    thanks in advance,

    Bas

  17. Anonymous

    hi  there

    why i cannot deeplink to sub categories 

    i can do :     man-> t-shirts

    canot do:      Men -> tshirts -> american apparel

  18. Anonymous

    Hello,

    I'm not a coding champ, so...

    Do I get this right?

    <div id="myshop"></div> ---> paste into body of my site. Do I need do define the hight and with of the div to make it work, or does it 'play' fullscreen automatically?

    Then I create a Java script document and paste This in:  

    But without the <script> tag, right?
    <script>
    var spread_shop_config= {
    "shopName" : "goats", <-- my shop ID
    "locale" : "de_DE", <-- my shop is located in Germany (DE) but in english language (en) so shall I type en_DE ?
    "prefix" : "//shop.spreadshirt.de",
    "baseId" : "myshop"
     };
    </script>
     

    And this I paste in the header of my site. And I change the src="  to my new created Java Script document.

    <script type="text/javascript" src="//shop.spreadshirt.de/shopfiles/shopclient/shopclient.nocache.js"></script>

     

    I did It like this but it doesn't work. I would be very happy if someone would help me.

    kind regards,

     

    markus

     

     

    1. Hey,

      Can you provide an URL with your page. Then we could check it and help you.

    2. Anonymous

      Hey,

      the "myshop" container must be paste right on this place of your site where it should work.

      The <script> part must be paste between <head> ... </head>.

    3. Put the whole part into your html in the <body> part where the shop should be placed:

      <div id="myshop"></div>

      <script>
      var spread_shop_config= {
      "shopName" : "goats",
      "locale" : "de_DE",
      "prefix" : "//shop.spreadshirt.de",
      "baseId" : "myshop"
       };
      </script>
      <script type="text/javascript" src="//shop.spreadshirt.de/shopfiles/shopclient/shopclient.nocache.js"></script>

      The script parts could be moved into the <head> part, but it can also stay below your div in the body part.
      The locale consist of language and country. The country should be belong to the domain of your shop, the language should be the language you selected in the userarea. Please also adapt the domain of the prefix and js source to the domain of your shop. Don't put the script parts in an own JavaScript file.

  19. Anonymous

    Team,

    Can you please respond to my question about the language setup.

    When I change the locale to nl_NL or en_GB I get an error message that search did not find any results.

    When I use en_NL it works (strangely enough) I need at least English and Dutch available for my shop. Please let me know how to deal with this

    regards Bas

    1. Hey,

      currently the new shop only works for one locale/language. But multilingual is on the plan to implement but until now there is no timeline for it. Currently you only can create 2 different shops for each language.

  20. Anonymous

    Hello,

    Thank you for updating the shop integration. It looks much better now. I have one layout problem when using the javascript in WordPress; when I add items to the shopping basket and then click on the basket symbol, I do get the basket but it doesn't fully fit, meaning that the left and right sides do not appear, and also that I can only barely see the "buy" buttons at the bottom. Is there a css setting to fix this (so that it will work responsively as well)?

    Thanks much,

    Paul

  21. Anonymous

    Thanks for this shop integration. It was pretty easy to install on my website. (smile)

    Newbie Quick question: How do you control in what order the articles are displayed? Can you do it by name or the latest design?

    Also, looks like you're out of accounts for developer.spreadshirt.com. 

    Cheers,
    Erik 

  22. Anonymous

     

    I'm working on trying to integrate the new Spreadshop with the above code and nothing is displayed. I think it is an issue with the locale info. I use spreadshirt.ca and cannot get a confioguration that will work. I cannot find an example for the .ca domain shops. Help please.

    1. Anonymous

       

      Nevermind, I got it to work. We really need a way to sort the listings though.

  23. Anonymous

    So the script works looks good when I add it to my site, but the checkout and wishlist do not work. Is there something I'm doing incorrectly? I copied and pasted the code exactly as it appears on the URL & Linking section.

  24. Anonymous

    Do you use WordPress? I had the same problem until I changed my theme.

    1. Anonymous

      I do, I kind of assumed it was a theme issue/ or plugin issue. I have a custom theme that I use and really like but it may have to be overhauled to make this work. Thanks for the reply!

  25. Anonymous

    Hi, my website is www.msvstore.co.uk and my spread shop is https://shop.spreadshirt.co.uk/msvstore/. I have embedded the required javascript into my website and it's working as it should in desktop display. However my website is not responsive to mobile devices if accessed directly with the www.msvstore.co.uk URL, although I already activated my spread shop for mobile devices. Could you please look into this if there is something I'm getting wrong. Thanks

  26. Anonymous

    Hi,

    The plugin works great for me in my Wordpress site. I have only one issue and that is when I add something to the Shopping Cart and then click on the Shopping Cart to check-out and pay, the "pop-up window" with the "Shop Further" and "Pay" buttons doesn't fit and hence the most important buttons (the one to actually buy my item) is cut off and is almost invisible.

    I found a work-around with the following CSS code:

    .SprdMain .overlayView.basket .content:not(.empty) {

       padding: 0 30px;

    }

     

    .SprdMain .overlayView.basket .content:not(.empty)+.footer.fixed {

       height: 80px;

    }


    However, I was hoping you could make the plugin more robust (using CSS that doesn't cause issue with Wordpress Themes) so I don't have to do these kinds of band-aids.

     

    Thanks much,

     

    Paul


  27. Anonymous

    Good morning, 

    Can you please help me out with the following issue. I have integrated the javascript code on my Wordpress website. It appears to be working fine on desktop and laptop. However, when I test on my Iphone 5, everything but "go to checkout" works.

    Ie, the button is there, but when I "touch" it, nothing happens. (The "continue shopping" buttons appears to be working fine.)

    Can you please give me a hint on how to solve this?

    Thanks,

    Paul

    1. Anonymous

      OK, I think I figured it out as follows:

       

      .submit { -webkit-appearance: none; }
  28. Anonymous

    Hi!

    I have a problem with integrated shop.

    I saw that #! allows to index dymanic pages created using AJAX. It seems to be so cool; I could index my item pages on Google using Spreadshirt on my website. I embed it on http://byeustache.com/store/ and it works well.

    The only problem is that the shop is embedded via a <div> element. It means for me that all #! pages inside /store/ will have the same canonical URL, the same meta title, meta description and body text. I'll end with only /store/ indexed due of canonical, or at worse, duplicate content on pages.

    Is there a way to make either header and page content dynamic outside embbed div? Or, can we have a full HTML document to embed in our website to have rich snippets, unique metas in headers and son on...

    Like: instead of <div id="my-shop">...</div>

    we could get:

    <!Doctype>

    <html>

    <head>

    <title>{title_variable}</title>

    ...

    </head>

    <body>

    <div><!-- custom header via Spreadshirt menu -->

    <div id="my-shop">...</div>

    </body>

  29. Anonymous

    so when I try this I get the shop in my page but there's an added scrollbar like it's an iframe... not very Nice. Also I only get images and not the descriptive text OR the category Choices I have when I go to shops.spreadshirt.no/<myid>.

    Any suggestions?

  30. Anonymous

    Hi,

    I managed to integrate the spreadshop into my page and was able to show a custom header pic, though I had to put an absolute URL on it.

    Never the less the shop wouldn't show the standard footer pics as UPS, DHL, VISA etc.

    What do I have to change?

    Thnx

    Stephan

    1. Anonymous

      Will SpreadShop answer here after 6 months only? (sad)
      Stephan

  31. Anonymous

    I figured out deep linking. The most helpful prior comment was about setting location.hash in Javascript.

    The JS shop uses the hash tag of the page in which it is embedded to perform deep linking. So if you put your "spread_shop_config =" script on page "mydomain.com/productpage.html", then you select the deep link by appending the hash to that product page, such as in "mydomain.com/productpage.html#!-LD1". If you want people to be able to go to just the URL "mydomain.com/productpage.html" without people having to input a hash, you can put the location.hash = "!-LD1" in the body of a script tag anywhere on the HTML page.

  32. Anonymous

    Hallo,

    wie kann ich per JS einen Shop so einbinden, dass direkt in einer Kategorie gestartet wird?

     

    Gruß Torsten

     

  33. Anonymous

    Hi Torsten,

    If you add a variable for the location.hash which includes the category extension -> see Deeplinking and URLs you can directly launch with a category.

    like this:

    var spread_shop_config= {
    "shopName" : "<your shop>",
    "locale" : "us_US",
    "prefix" : "//shop.spreadshirt.com",
    "baseId" : "<your baseId>"
    };
    location.hash = '-LT[categoryID]'; 

     

    Best Regards,

    Asmus

     

    1. Anonymous

      Hello Asmus, Spreadshop

       

      Thank you for your reply as this method is the one which so far worked for me.

       

      What I would like you is, if you are a Spreadshirt developer?

      Cause if you are not than unfortunately I can’t accept that as a solution until someone form Spreadshirt will not confirm that this is the way to go.

      I don’t want to end up where in few months time they will change something which will break my whole site with the explanation that the method I used was not they way they explain it.

       

      It would be great to get that confirmed as the explanations written in this and the deeplink url is a mess.

       

      @Spreadshop.

      First question if we do need to be worried. I tried to register on the Developer spreadshit site but getting following:

      This installation of Confluence is not licensed to add any more users. Please contact the site administrators for more information.

      If you go to site administrator I get

      Please enter information about your request for the site administrators. If you are reporting an error please be sure you include information on what you were doing and the time the problem occurred.

      No mail server has been configured so it is not possible to contact the site administrators via this method.

       

      Do we need to be worried that something is going wrong in that department? Some changes? Will that Support site be still active?

       

      Coming back to the main Query.

      I’m using the JavaScrtipt intergration (no iframe) If you can confirm that the above method is the only method you can do Deeplink by using the JavaScript Code, then you don’t need to read further as this would for me a confirmation that this is the official method and we can report problems if something happen. Would be only great to update https://developer.spreadshirt.net/display/spreadShop/Deeplinking+and+URLs as its misleading.

       

       

      If this is not the method to go then I’ve following questions:

      Your answer to the topic on Jul 06, 2015 is not really clear and doesn’t answer the question for other. Not too sure how you couldn’t get that what is being asked for.

      So I decided to make it quite simple and explain where my problem is, than I will ask you to implement a example code following the Deeplink URL instructions based on the code I past below.

      Lets start:

       

      In this topic following statement is written:

      Integrate SpreadShop via iFrame

      We do not recommend the usage of an iFrame and therefore do not provide a detailed explanation of this functionality.

       

       

      However if you go to following URL:

      https://developer.spreadshirt.net/display/spreadShop/Deeplinking+and+URLs

      All of the examples look for me as you would use Iframe.

       

      Based on the below example I would ask you to copy the below code, and convert it in a way the a deepling to following Design IR will work.

      #!-LI1001890022

       

      <div id="myShop">

                      <script type="text/javascript">

                                      var spread_shop_config = {

                                                      shopName: 'ink2styleus',

                                                      locale: 'us_US',

                                                      prefix: '//shop.spreadshirt.com/',

                                                      baseId: 'myShop'

                                      };

                      </script>

                      <script src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js" type="text/javascript"></script>

      </div>

       

      To give you a heads up, this is what I already tried following the deplink URL instructions and nothing works

       

      <div id="myShop">

                      <script type="text/javascript">

                                      var spread_shop_config = {

                                                      shopName: 'ink2styleus',

                                                      locale: 'us_US',

                                                      prefix: '//shop.spreadshirt.com/ink2styleus/-LI1001890022',

                                                      baseId: 'myShop'

                                      };

                      </script>

                      <script src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js" type="text/javascript"></script>

      </div>

       

      <div id="myShop">

                      <script type="text/javascript">

                                      var spread_shop_config = {

                                                      shopName: 'ink2styleus',

                                                      locale: 'us_US',

                                                      prefix: '//shop.spreadshirt.com/ink2styleus/#!-LI1001890022',

                                                      baseId: 'myShop'

                                      };

                      </script>

                      <script src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js" type="text/javascript"></script>

      </div>

      <div id="myShop">

                      <script type="text/javascript">

                                      var spread_shop_config = {

                                                      shopName: 'ink2styleus',

                                                      locale: 'us_US',

                                                      prefix: '//shop.spreadshirt.com/#!-LI1001890022',

                                                      baseId: 'myShop'

                                      };

                      </script>

                      <script src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js" type="text/javascript"></script>

      </div>

       

      <div id="myShop">

                      <script type="text/javascript">

                                      var spread_shop_config = {

                                                      shopName: 'ink2styleus',

                                                      locale: 'us_US',

                                                      prefix: '//shop.spreadshirt.com/-LI1001890022',

                                                      baseId: 'myShop'

                                      };

                      </script>

                      <script src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js" type="text/javascript"></script>

      </div>

       

       

      However. When I directly put into the Address Bar on my Browser following address:

      shop.spreadshirt.com/ink2styleus/-LI1001890022

      It is redirecting me to the requested url with Graphic ID.

       

      So If using the location.hash is not the correct method please simply convert that code

      <div id="myShop">

                      <script type="text/javascript">

                                      var spread_shop_config = {

                                                      shopName: 'ink2styleus',

                                                      locale: 'us_US',

                                                      prefix: '//shop.spreadshirt.com/',

                                                      baseId: 'myShop'

                                      };

                      </script>

                      <script src="//shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js"

       

      So it will direct me to that design id:

      -LI1001890022

       

       

      Kind Regards

      Krzysztof

  34. Anonymous

    Hallo,

    ich habe meinen Shop eingebunden ohne den Footer mit den Links (Impressum, AGB, Datenschutz, Copyrightbestimmungen, Powered by Spreadshirt). Powered by Spreadshirt habe ich weiter unten auf der Seite eingesetzt. Ich möchte nun einzelne Seiten für die Links: Impressum, AGB, Datenschutz, Copyrightbestimmungen anlegen, da ich bei den Datenschutzbestimmungen noch etwas hinzufügen möchte, muss ich die Datenschutzbestimmungen auf eine seperaten Seite anlegen. Könnte ihr mir bitte die jeweiligen Links dazu geben, sodass ich die Links als iFrame einbauen kann und somit immer aktuelle Inhalte zu den jeweiligen Links (Impressum, AGB, usw.) habe? Das wäre toll!!

    Den Link zum Impressum habe ich herausgefunden aber da verstehe ich einen Teil der URL nicht:

    https://shop.spreadshirt.de/shopData/meinShop/imprint?locale=de_DE&version=2.24.2_xxxx

    Den Teil &version=2.24.2_xxx usw. ist wahrscheinlich die Version des Impressums aber brauche ich die Zahlen und Buchstabenkombination nach 2.24.2_? shopData/meinShop - meinShop ändere ich natürlich in meinen Shop-Namen.

     

    Beste Grüße

     

    Lars

  35. Anonymous

    This doesnt work in Internet explorer. I tried it on 3 machines

  36. Anonymous

    It retirvs an error message "unsupported browser"

  37. Anonymous

    Hello,

     

    When I integrate my Spreadshop inside my website, the Spreadshop is not displayed correctly. The body's Css of my website changed all Spreadshop's visuals, that is to say font are very small, menus are small too. I utilized the script code, not the iframe code.

     

    When I tried on a new html page, it works because there is no CSS. After troubleshooting it, a CSS causes the issue. It is a dilemma : 

    • integrate correctly the Spreadshop but without my CSS my website is not functional.

    Can you help me please?

  38. Anonymous

    Good evening,

    I have a question about the "Back to shop" link that is contained in the Check-out page. Is it possible to customise this link in the spreadshirt shop settings so that I links to an UR of my choice (ie, my own shop) rather than to the URL containing shop.spreadshirt etc. etc.)?

    Thanks,

    Paul

  39. Anonymous

    Good afternoon,

    I was wondering if it is possible with the integrated SpreadShop to have the Checkout page (ie, the one going back to spreadshirt URL when clicking on Checkout) open in a new tab when clicking on it?

    Thanks,

    Paul

  40. Anonymous

    How can i integrate Spreadshop when I use a Webshop solution? In my case its Prestashop. There are some HTML-Modules but it didnt work with them.

    Thanks for help,

    Murat

  41. Anonymous

    I'm having a nightmare trying to integrate on a site using bootstrap, the label class is being overrideen by bootstraps styling and maybe everything look nasty (sad)

    1. Anonymous

      iframe to the rescue!! (wink)

    2. Anonymous

      I have the same Problem with bootstrap. I am using Mobirise. Iframe is in my opinion not good. Is there any other way ? can i disable the bootstrap css? or rename the css at the spreadshrtshop

  42. Anonymous

    Hallo,

    ich habe den Shop nach dem Beispiel eingebunden und habe das Problem das der Warenkorb nicht angezeigt wird.

    Ich kann alle Produkte sehen und auch zum Warenkorb hinzufügen aber wenn ich auf das Symbol des Korbes clicke kommt der halbtransparente Overlay mehr nicht.

    Im DOM scheint der Warenkorb zu existieren er wird nur nicht dargestellt

  43. Anonymous

    Integrated in worpress fine (shop works fine integrated in website through desktop). But when i try to access shop via iphone or tablet i get blank screen any ideas why?

     

  44. Anonymous

    When will you be able to access the cart from an external link? There is a MY CART button on my website, but it's of no use now. We need a deep link for the cart.

  45. "Integrated in worpress fine (shop works fine integrated in website through desktop). But when i try to access shop via iphone or tablet i get blank screen any ideas why?"

    • Hi there, I would need link to check what is going wrong there

    "When will you be able to access the cart from an external link?"

    • This feature is on our roadmap for a long time now. Unfortuantely we can't support it right now and are not planning to do so for the next months. There is a javascript plugin existing via https://github.com/RobertSpread/spreadcart. Can you work with this for now?
  46. Anonymous

    Want your page to load to a specific category?

    You have to modify the URL you browse to. For example:

    Everything in my store: https://www.mysite.com/storepage/

    Everything in the fish category: https://www.mysite.com/storepage/!#fish?q=T123456

    You can get the fish?q=T123456 part from your store's URL on spreadshirt: https://shop.spreadshirt.com/fakefishlover/fish?q=T123456

    Working Example: https://www.kag.org/kag-store/t-shirts/#!kag?q=T136710

    Qapla'!

  47. Anonymous

    Hey! The integration itself on my website works just fine, but for some reason the shopping cart has a very weird format (buttons, top bar,...) , in the browser and also on mobile devices. Can anyone help? I believe it is some kind of a CSS issue (no custom CSS in our Spreadshirt Shop).- Maybe the theme (THE MOON) somehow interferes with the shop?

    Anyone know how to fix this?

    1. Anonymous

  48. Anonymous

    Hello.  Can you please explain how to make the home icon take the customer back to your main website.  It messes up your external websites navigation if the spreadshirt shop is now displayed.  The home icon needs the ability to take the customer back to your website where the products are displayed according to our website shop navigation and layout.

  49. Anonymous

    hello, sorry to bother with deeplinking buf after hours of reading this thread an trying things, I still cant have a link wo will display men categories without the home page.

    I just want to have a list of men articles.

     Can somebody post a sample code to do this ?

  50. Anonymous

    no body can answer the questions ? is this forum is visited by spreadshirt ??

  51. Hi there,

     

    We are not within this forum on a daily basis to be honest. Nevertheless, we usually answer the requests of our partners.

    Could it be, that you have a design based shop? In this case it is not possible to create the needed deeplink right now as the customer is asked to select a design first.

    If you have a product based shop, you can use /männer (in DE) /men (in EN) or ?q=D1 as deeplink.

    An example from my test shop is this: https://shop.spreadshirt.de/goats/m%C3%A4nner or https://shop.spreadshirt.de/goats/?q=D1

     

  52. Anonymous

    Hello,

    I have a serious bug on my spreadshirt integration with javascript : 

    shopclient-0.js:557 Thu Dec 01 15:08:38 GMT+100 2016
    SEVERE: GWTUncaughtException
    SpreadShop Version:3.27.1 Build:6f622c28f9bd9da80eae03f7b7520d7d31e9b883
    URL=http://www.mywebsite.com/thadena/
    userAgent=Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36
    devicePixelRatio=1
    referrer=
    localTime=Thu Dec 01 15:08:38 GMT+100 2016
    Class$S70: (TypeError) : Cannot read property 'shopProps' of null
    at Unknown.wsb(shopclient-0.js@143:1579)
    at Unknown.Gqb(shopclient-0.js@68:1515)
    at Unknown.Blb(shopclient-0.js@19:1436)
    at Unknown.Clb(shopclient-0.js@35:1437)
    at Unknown.Byb(shopclient-0.js@201:1765)
    at Unknown.dn(shopclient-0.js@79:426)
    at Unknown.un(shopclient-0.js@63:438)
    at Unknown.eval(shopclient-0.js@64:1035)
    at Unknown.Ke(shopclient-0.js@29:174)
    at Unknown.Ne(shopclient-0.js@57:177)
    NP @ shopclient-0.js:557oQ @ shopclient-0.js:578nQ @ shopclient-0.js:577ijb @ shopclient-0.js:1375Cqb @ shopclient-0.js:1513Se @ shopclient-0.js:182Ne @ shopclient-0.js:177(anonymous function) @ shopclient-0.js:176

    Someone has an idea about this?

     

  53. Anonymous

    SpreadShop Wie kann ich meinen Spreadshirt shop in meine Strato Domain integrieren. Dort ist kein Java oder Html möglich, lediglich eine Weiterleitung.

     

    Mfg