{"id":80473,"date":"2018-01-20T17:58:47","date_gmt":"2018-01-20T17:58:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/comparison-slider\/"},"modified":"2024-09-03T11:26:05","modified_gmt":"2024-09-03T11:26:05","slug":"comparison-slider","status":"closed","type":"plugin","link":"https:\/\/pl.wordpress.org\/plugins\/comparison-slider\/","author":15893045,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.8","stable_tag":"trunk","tested":"6.6.5","requires":"4.7","requires_php":"5.5","requires_plugins":null,"header_name":"Comparison Slider","header_author":"pareslider.com","header_description":"Image Comparison Slider plugin allow user to view a comparison between two images.","assets_banners_color":"b2aca1","last_updated":"2024-09-03 11:26:05","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/pareslider.com","header_plugin_uri":"https:\/\/pareslider.com\/","header_author_uri":"https:\/\/pareslider.com","rating":5,"author_block_rating":0,"active_installs":100,"downloads":4712,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0.2":{"tag":"1.0.2","author":"comparisonslider","date":"2020-04-22 15:29:19"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":1816772,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":1816772,"resolution":"256x256","location":"assets","locale":""},"icon-64x64.png":{"filename":"icon-64x64.png","revision":1816772,"resolution":"64x64","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":1816772,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":1816772,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":1806320,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":1816772,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"<p>Comparison Slider admin interface<\/p>","2":"<p>WordPress Slider plugin example<\/p>"}},"plugin_section":[],"plugin_tags":[6808,152095,75365,6033,611],"plugin_category":[50],"plugin_contributors":[231317],"plugin_business_model":[],"class_list":["post-80473","plugin","type-plugin","status-closed","hentry","plugin_tags-comparison","plugin_tags-comparison-slider","plugin_tags-image-comparison-slider","plugin_tags-product-filter","plugin_tags-slider","plugin_category-media","plugin_contributors-comparisonslider","plugin_committers-comparisonslider"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/comparison-slider_b2aca1.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/comparison-slider\/assets\/screenshot-1.png?rev=1806320","caption":"<p>Comparison Slider admin interface<\/p>"},{"src":"https:\/\/ps.w.org\/comparison-slider\/assets\/screenshot-2.png?rev=1816772","caption":"<p>WordPress Slider plugin example<\/p>"}],"raw_content":"<!--section=description-->\n<p>Image Comparison Slider plugin light and easy After &amp; Compare tool. Give user the flexibility to display image comparison slider.<\/p>\n\n<h4>Main Features<\/h4>\n\n<ul>\n<li><a href=\"https:\/\/pareslider.com\" title=\"Comparison Slider\">Image Comparison Slider<\/a><\/li>\n<li>Online Image Compare builder<\/li>\n<li>Fully Responsive slider<\/li>\n<li>Add Captions on slider<\/li>\n<li>Add Marker with text and image description on the slider<\/li>\n<li><a href=\"https:\/\/pareslider.com\/examples\/\" title=\"Comparison Slider WordPress Plugin Example\">Comparison Slider Examples<\/a><\/li>\n<\/ul>\n\n<h3>Image Comparison Slider Translations<\/h3>\n\n<p>Get Image Comparison Slider plugin for free! Just translate Comparison Slider to the one of new languages.\nContact us if you want to make translation.<\/p>\n\n<ul>\n<li>English<\/li>\n<\/ul>\n\n<h3>First Start<\/h3>\n\n<p>Ready to begin with Image Comparison Slider? Let\u2019s go!<\/p>\n\n<h4>Part one<\/h4>\n\n<p>Click Add new comparison<\/p>\n\n<h4>Part two<\/h4>\n\n<p>First you need is to upload the Images, choose which one you want to be on the right and click Select Image under the right part of the slider. Repeat the same with the other one.<\/p>\n\n<p>To set captions simply click on Edit Captions near the image you upload<\/p>\n\n<p>Slider Settings\n* After that, customize the other Image Comparison Slider appearance options:\n* Width \u2013 set slider width in pixels or percents\n* Line Position (Pro Option) \u2013 Choose comparison line to be Horizontal or Vertical\n* Icon \u2013 elect round or rectangular divider\n* Border Depth \u2013 set border width in pixels\n* Image Slider Settings\n* Border Color \u2013 establish the needed color with current colorpicker\n* Add Background color \u2013 select the color for icon background\n* Choose Icon \u2013 set icon image from the list in popup\n* Image Comparison Slider Settings\n* Add Point \u2013 check here to create comparizon point on the pages for comparing\n* Add \u2013 click to create a new one\n* Remove All \u2013 permits you to delete all points at one click\n* Remove \u2013 vanish the point you need\n* Name point field \u2013 after user click on the point on the front-end he\/she will see the label of the point\n* Besides you can customize captions appearance:<\/p>\n\n<p>Caption Settings\n* Font \u2013 elect the font family\n* Font Size \u2013 establish caption text size\n* Font Color \u2013 Set the color for your captions\n* Font Style \u2013 select which one you need Bold, Italic or Line\n* Caption Position Settings\n* Position (Pro Option) \u2013 choose caption position\n* Set the needed padding for you captions in pixels \u2013<\/p>\n\n<p>Positioning\n* Padding Top\n* Padding Bottom\n* Padding Left\n* Padding Right<\/p>\n\n<p>Don\u2019t forget to Above the Settings click Save to make plugin remember your changes.<\/p>\n\n<h4>Part Three<\/h4>\n\n<p>Then copy the shortcode below the downloaded pics and insert it inside your post or page text editor and publish. And the Slider is done!<\/p>\n\n<h3>Cooperation<\/h3>\n\n<p>We invite plugin developers and agencies to collaborate.\nAt the moment, we have successful experience with WooBeWoo plugins developers.<\/p>\n\n<p>Together, we carried out integration with plugins:\nWooCommerce Product Table plugin https:\/\/woobewoo.com\/plugins\/table-woocommerce-plugin\/\nWooCommerce Product Filter plugin https:\/\/woobewoo.com\/plugins\/woocommerce-filter\/\nWooCommerce Currency Switcher https:\/\/wordpress.org\/plugins\/woo-currency\/<\/p>\n\n<p>We will be happy to answer all proposals for integration and cooperation!<\/p>\n\n<!--section=installation-->\n<h4>To install a plugin via FTP, follow next instructions<\/h4>\n\n<ol>\n<li>Download the Comparison Slider plugin<\/li>\n<li>Unarchive the Comparison Slider plugin<\/li>\n<li>Copy the folder with Comparison Slider plugin<\/li>\n<li>Open ftp \\wp-content\\plugins\\<\/li>\n<li>Paste the plug-ins folder in the folder<\/li>\n<li>Go to admin panel =&gt; open item \"Plugins\" =&gt; activate the Comparison Slider by Supsytic plugin <\/li>\n<\/ol>\n\n<h4>To install a plugin via WordPress Plugins page<\/h4>\n\n<ul>\n<li>In order to install the plugin go to your WordPress admin area -&gt; Plugins -&gt; Add New<\/li>\n<li>Search Comparison Slider By pareslider.com and Install<\/li>\n<li>Activate Slider and go to it\u2019s tab on the left panel<\/li>\n<\/ul>\n\n<!--section=changelog-->\n<p>= 1.0.8 \/ 03.09.2024\n * Updating code functions<\/p>\n\n<p>= 1.0.7 \/ 20.07.2024\n * Security fixes for WP\n * Minor issues fix<\/p>\n\n<p>= 1.0.6 \/ 12.07.2024\n * Code optimization<\/p>\n\n<p>= 1.0.5 \/ 19.02.2024\n * Minor issues fix<\/p>\n\n<p>= 1.0.4 \/ 26.04.2022\n * Notice fix<\/p>\n\n<p>= 1.0.3 \/ 22.04.2020\n * Minor issues fix<\/p>\n\n<p>= 1.0.2 \/ 17.09.2018\n * Responsive mode issue fix\n * Minor issues fix<\/p>\n\n<p>= 0.2 \/ 18.01.2018\n * Submit plugin to WordPress.org<\/p>","raw_excerpt":"Image Comparison Slider allow user to view a comparison between two images. Interactively compare two images visually with before-after compare slider","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/80473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=80473"}],"author":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/comparisonslider"}],"wp:attachment":[{"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=80473"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=80473"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=80473"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=80473"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=80473"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pl.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=80473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}