Landing Page Details

Filterable XML PayPal Shopping Cart Plugin

UniShop is a complete PayPal Shopping Cart solution with a lot of features and modern design. With UniShop you can build your paypal shop in less than 30 min and start selling right way! No complex markup and no database are required! Just create an XML file with your products, add shop container to your webpage, insert plugin init code and you are done!

KEY FEATURES

  • Complete PayPal Shop with filters and cart
  • User-friendly one page design
  • Easy installation & configuration
  • Masonry grid with products (1,2,3 columns)
  • CSS3 animations & transitions
  • Modalbox with product description, prices and options
  • Sidebar with filters, search fields, range sliders and sorting boxes
  • Support for multiple product options and variations (also with the prices)
  • Shopping cart with purchased products
  • Product ratings
  • Auto-saving cart contents on browser exit
  • Responsive & mobile-ready
  • Clear code with comments
  • Ability to customize plugin and add new features

CHANGELOG

# version 1.0 (Jun 19, 2018) - plugin released!

CREDITS & SOURCES

Photos & Images – https://pxhere.com,
Icons – https://www.iconfinder.com,
Masonry Plugin – https://masonry.desandro.com


CUSTOMIZATION & REMOTE WORK

I’m available also for remote work! So if you need to modify the plugin (add extra features or change existing) feel free to contact me via the comments or via my website’s Contact Form. Also I can help to install my plugin or customize it to match your website design.

  • sanayar2008

    2018-06-22 19:02:22
    Purchased Reply

    Hello ---------- if I purchase it, do you install it on my hosting like exactly your demo ?

  • flGravity

    2018-06-22 21:28:17
    Purchased Reply

    Sure! Just purchase it and send me email with FTP access to your website and I will do this. In two days I leave for vacation so please hurry up) BTW. If you will need to add any extra features to UniShop you can hire me and I will do this as custom work. If you have any questions let me know!

  • vicwebdesign

    2018-08-02 01:10:07
    Purchased Reply

    Will the items in the shop be SEO Friendly? In other words, will the search engines be able to see the items for sale?

  • flGravity

    2018-08-02 22:38:22
    Purchased Reply

    Hello! I checked your question and unfortunately Google for example won't be able to index products in the shop because they are created at runtime (after page loads) from XML file. I understand that this is kind of issue, and will try to find a solution for this in next update to my plugin. Thanks for asking this question!

  • vicwebdesign

    2018-08-02 22:46:07
    Purchased Reply

    Please post a reply here, when that version becomes available and I will purchase a copy.

  • flGravity

    2018-09-07 15:41:35
    Purchased Reply

    Hello! I have a solution to the SEO issue. So, you can overcome it like this 1. Load the page as usually and let UniShop insert the markup
    2. Open webinspector/dev tools in your web browser and copy all the HTML code that is being inserted into the #shop container and paste it in your webpage as static content
    3. modify UniShop init code like this

     
    
    As result you will have static HTML that can be indexed by search engines, then on page load you remove it via empty() call and let UniShop insert dynamic content instead Let me know if you have any questions!

  • ilovecoding

    2018-07-20 03:02:55
    Purchased Reply

    Hi, In you demo source code there is no paypal account shown, when setting up mine paypal email address is shown, did i do something wrong?

  • flGravity

    2018-07-20 04:25:52
    Purchased Reply

    Hi! Below is initial UniShop configuration and your PayPal email address you should set via paypal -> business option

     <script type="text/javascript">
    			$(document).ready(function(){
    				$('#shop').unishop({
    					shopXML: 'shop.xml',
    					currencySymbol: '$',
    					currencyName: 'USD',
    					paypal: {
    						business: '[email protected]',
    						currency_code: 'USD',
    						lc: 'US'
    					},
    					shopFilters: {
    						filters: 'category'
    					}
    				});
    			});
    		  </script> 
    
    '[email protected]' - is your paypal business account If you will have any other question or difficulties with setting up my plugin, please feel free to contact me again!

  • ilovecoding

    2018-07-21 03:14:19
    Purchased Reply

    Hi, I did this already, my question was, In you demo page, PayPal email address is hidden when viewing source code. But when i use above code visitor can see my PayPal email address. how to hide it and still make it work. Thanks,

  • flGravity

    2018-07-21 16:05:42
    Purchased Reply

    I understand what you mean. The reason is that in init code of my demo, PayPal email address is taken from js file of UniShop. Unfortunately there no way to hide email .. but you can set it via some JS variable or obfuscate and then use in in UniShop init.. if you want I can check this for you

  • ilovecoding

    2018-07-22 01:13:13
    Purchased Reply

    So the reason I bought is because of demo, i didn't knew if i will be getting different than demo. So i will really appreciate if you could provide me with the demo like script where paypal email address if pulled from .js. Thanks

  • flGravity

    2018-07-24 04:37:23
    Purchased Reply

    If you send me your PayPal account email then I can include it into minified version of unishop plugin JS file. Another way to hide email is to use a JS variable to set email for 'business' option instead of a string

    ...
     paypal: {
                            business: email,
                            currency_code: 'USD',
                            lc: 'US'
                        },
    ...
    
    where email is defined by this code
    eval(function(p,a,c,k,e,r){e=String;if(!''.replace(/^/,String)){while(c--)r[c]=k[c]||c;k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('0 [email protected]',5,5,'var|email|paypal|domain|com'.split('|'),0,{}))
    
    which is equal to this
    var email = [email protected]
    
    Please let me know what you prefer!

  • PreScriptZ

    2018-06-22 09:19:55
    Purchased Reply

    GLWS! :)

  • flGravity

    2018-06-22 13:33:41
    Purchased Reply

    Thank you!

  • Roscopower

    2018-09-07 00:22:01
    Purchased Reply

    Hi flGravity, recently bought this product and so far is pretty impressive. I'm wondering if there is a way to translate it to another language (in a gently manner), been trying but I think I broke something. Could you point me in the right direction if it's possible? Have another question hope you don't mind :P It is possible to insert a paypal button link (the ones that redirect to paypal and ask the client to pay) inside the product details instead of the add to cart button?

  • flGravity

    2018-09-07 15:35:32
    Purchased Reply

    Thanks! 1. Yes, I can help with translating the plugin. Let me know what exactly you need to translate. 2. I can modify the plugin and remove the cart. Also if you saw I have another plugin called PayNow! which is an Paypal buy now buttons plugin - https://codecanyon.net/item/paynow-jquery-paypal-plugin/9517011 If you want I can integrate it with the UniShop, but it will be a paid job

  • Roscopower

    2018-09-07 18:17:43
    Purchased Reply

    Good morning flGravity,

    Regarding the translation I'd would like to translate the following strings:

    Category
    Price
    Search by Name
    Type Here..
    Sort
    Sort by …
    None
    Keep Shopping
    Add to cart

    Regarding the second question, my client already has the links to the items they want to sell, the idea behind it is to populate the .xml with an extra entry with the link, so when they press "add to cart button" (maybe translate it to something else to don't confuse the user) they directly buy the item.

    I appreciate your quick response.
    Kind Regards,

  • flGravity

    2018-09-07 23:44:46
    Purchased Reply

    1. Ok, please contact me via my profile page privately and give the corresponding sentences in your language for translating, like

    Category -> Something Yours
    …
    
    and I will do this. 2. Yes I can do this also. I can insert new entry in xml file. But I want to know how you want to customize UniShop look.

  • bjornen_io

    2018-09-03 02:37:17
    Purchased Reply

    I bought this using an old account but cannot for the life of me figure out how to edit the paypal address? There is no var setting in any JS file and the main jquery.unishop.js file has this: paypal: { 'business': '[email protected]', // your PayPal business account 'currency_code': 'EUR', // your shop currency 'lc': 'SWE', // your shop locale 'no_shipping': 0, // request shipping address on checkout 'return': 'custom thanks url', // URL to return after successful checkout 'cancel_return': 'custom error url' // URL to return when checkout is canceled }, onReady: null, // DOM ready callback onCart: null, // new cart item added callback onCheckout: null // paypal checkout callback }; No matter what I do all purchases goes to [email protected]

  • flGravity

    2018-09-04 01:04:57
    Purchased Reply

    Thanks for contacting me! UniShop has a "paypal" option with paypal related settings, and one of them is "business" which sets your paypal business account. See example

     
    

  • bjornen_io

    2018-09-04 01:29:08
    Purchased Reply

    Hi, Yes, I know that is in the file. Here's the empty version of it: $.fn.unishop = function(options){ // default options var default_options = { shopXML: 'shop.xml', // shop XML file. Default "./shop.xml" shopID: 'myshop', // your shop #ID masonry: true, // use Masonry plugin for grid layout shopColumns: 3, // grid columns 1,2,3. Default 3 currencySymbol: '$', // shop currency symbol, e.g '$' currencyName: 'USD', // shop currency name, e.g. 'USD' localStorage: 'unishop', // name of local storage to save cart contents shopFilters: { // shop filters configuration or false filters: null, // filters XML elements, e.g. 'color, size' search: null, // search XML elements, e.g. 'name' sort: null, // sort XML elements, e.g. 'price, rating' range: null, // range XML elements, e.g. 'price' order: 'filters, range, search, sort', // order to display filters, range, search and sort animationTime: 500, // animation duration, ms animationType: 'opacity' // filtering animation - // 'none|opacity|scale|rotate|translate' }, paypal: { 'business': '[email protected]', // your PayPal business account 'currency_code': 'USD', // your shop currency 'lc': 'US', // your shop locale 'no_shipping': 0, // request shipping address on checkout 'return': 'http://www.domain.com/shop/', // URL to return after successful checkout 'cancel_return': 'http://www.domain.com/shop/' // URL to return when checkout is canceled }, onReady: null, // DOM ready callback onCart: null, // new cart item added callback onCheckout: null // paypal checkout callback }; // extend "shopFilters" option options.shopFilters = $.extend(default_options.shopFilters, options.shopFilters); // extend "paypal" option options.paypal = $.extend(default_options.paypal, options.paypal); // extend options with defaults options = $.extend(default_options, options); // create "UniShop" object return $.each(this, function(){ new UniShop(this, options); }); }; })(jQuery); It does not matter what I change that into, it still goes to [email protected] So, how do I change it?

  • bjornen_io

    2018-09-04 01:46:53
    Purchased Reply

    And even with that code snippet in the index file there is no way to change the paypal address. So, how do I do it?

  • bjornen_io

    2018-09-04 01:59:12
    Purchased Reply

    I managed to get it sorted. There was already an input in the index file so when adding that script again it... Anyway. All fixed.

  • flGravity

    2018-09-04 02:07:28
    Purchased Reply

    Okey. If you will need anything else let me know

  • TmdStudio

    2018-06-23 15:05:21
    Purchased Reply

    Great Work, Congratulations GLWS :)

  • flGravity

    2018-06-23 15:31:16
    Purchased Reply

    Thanks!)

  • kovalj

    2018-09-26 02:52:57
    Purchased Reply

    Hi there. Great plugin! Can you tell me how can I change name of parameter for exampe: to Also is it posible to change to Reason is because I have xml file with structure like this: " AP1556513TA606 6924064102491 AP103H1 APLUS 155 65 13 T A606

  • 73
  • Personenwagen Zomer Yes No 17,83 50 https://webshop.vandenban.nl/tyreprofile/aplus_a606.jpg E C 68 2 C1 2 " and I want to be able to use this xml file structure. Thanks in advance

  • flGravity

    2018-09-29 15:21:46
    Purchased Reply

    Hi! Yes, it's possible. 1. <shop> XML tag you can replace with whatever you want without the need to change the code. 2. Regarding tags like <name> or <price> If you want to change tag name in shop.xml file then you should look for all entries with this name in js/jquery.unishop.js example if need to replace <name> with <YourTag> then you should look for this

    item.find('name').text()
    and replace it with
    item.find('YourTag').text()
    Then you can use http://dean.edwards.name/packer/ to compress jqeury.unishop.js and copy the code back to min.js file

  • Riaanh

    2018-10-03 02:08:29
    Purchased Reply

    I bought this product after buying PayPal Shopping Cart. The plugin unfortunately only work in Firefox and not IE or Edge. Unfortunately not all the outside world use Firefox, so one cannot use this plugin. Any suggestions?

  • flGravity

    2018-10-05 19:56:09
    Purchased Reply

    OK. I'm going to check this and update you. Meanwhile you can check Developer tools in your browser to see maybe there are some JS errors.

  • jcbisoux

    2018-07-29 17:35:54
    Purchased Reply

    Hello, I'm looking for a shopping cart for ski rental, the product have price who change for the numbers of days (1 day : 10$, 2 days : 19$, 3 days : 29$ ,...), is it possible to do that with you script ?

  • flGravity

    2018-07-30 03:46:29
    Purchased Reply

    Hi! Yes it's possible. Every product in shop may have "priced option" that sets a price based on selection. So you can make a drop down with number of days and have prices respectively. Configuration is very simple, you just edit shop.xml file and set prices for options like so

    
    
    
    
    
    Also if you have noticed for fist 10 customers that bought my plugin I can install it for free and help with configuration. You just need to provide me with FTP to your webserver and instructions where you want the plugin to be (page).

  • kdvmedia

    2018-11-13 13:56:18
    Purchased Reply

    Hi, i like what i saw in your demo, but does it alart clients that payment is successfully made and/or an invoice after purchase? Cheers!

  • flGravity

    2018-11-13 16:19:07
    Purchased Reply

    Hi! Paypal.com sends notifications about payments, my script doesn't do this.

  • ManasaTheme

    2018-06-22 13:20:06
    Purchased Reply

    Nice Work, Congratulations! Good Luck With Sale :grin:

  • flGravity

    2018-06-22 13:33:43
    Purchased Reply

    Thank you!

  • koen20

    2018-06-25 22:32:11
    Purchased Reply

    Pre sales question: I already have a website with complete finished layout, The items to buy are displayed in a simple list. I only need a script that collects the items into a shoppingbasket and sends it trough e-mail to both buyer and seller, sort of price quotation as a matter of fact... Can this be done ? Or maybe as a custom work pls ? Thx for reply.

  • flGravity

    2018-06-25 22:58:40
    Purchased Reply

    I can modify my script to send purchased items via email. The problem is that my script cant work with existing shop/list. I can only change the style of my grid to match your design, but not replace it with another markup