Giter Club home page Giter Club logo

magento-extension-cloudinary-option's Introduction

Magento 2 Module : Cloudinary Image Product Option

Demo Video

Magento Cloudinary Product option

Main Functionalities

This module adds a new product option for Cloudinary image uploads, site visitors can upload images to Cloudinary storage, or select images from a range of Social networks.

Installation via Composer

composer require develodesign/module-cloudinaryimageproductoption
  • Set up the module by running the following commands
php bin/magento module:enable Develo_CloudinaryImageProductOption
php bin/magento setup:upgrade
php bin/magento cache:flush
  • If you are running Magento in production mode, you will also have to compile and deploy static content with
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

Uninstalling

To uninstall the module run the following commands in terminal in your Magento directory

php bin/magento module:disable Develo_CloudinaryImageProductOption
composer remove develodesign/module-cloudinaryimageproductoption
rm -rf app/code/Develo/CloudinaryImageProductOption
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
php bin/magento cache:flush

Configuration

To set system config variables go to Stores -> Configuration -> Develo -> Cloudinary Image

Backend Configuration

There are three variables necessary for the configuration. To get your cloudName, apiKey and upload preset log in to the Cloudinary’s dashboard. The cloud name and api key are visible in Account Details after you log in. To get your upload preset go to Settings -> Upload -> Upload preset and Add new upload preset where you can make some basic configuration.

Frontend Configuration

  • Show Advanced Options - enable/disable Advanced options for users in Cloudinary widget.
  • Allow Cropping - enable/disable cropping of uploaded images.
  • Styles - you can customize the feel and look of the widget by editing this JSON setting. For examples of the styles see https://demo.cloudinary.com/uw/#/ , but use the provided template.
  • Sources - select sources available to your customers. Hold ‘ctrl’ to select multiple sources.

Sources API Keys

  • dropboxAppKey - Your DropBox App key. Required if adding the dropbox source.
  • facebookAppId - The App ID of your own Facebook application. Defaults to using the Cloudinary Media Upload app to access their Facebook accounts if not provided.
  • googleApiKey - Your API key needed to access Google APIs. Required if adding the image_search source.
  • instagramClientId - The App ID of your own Instagram application for accessing your users Instagram accounts. Defaults to using the Cloudinary Media Upload app to access their Instagram accounts if not provided.
  • instagramClientId - The Client ID of your own Google Drive application for accessing your users Google Drive accounts. Defaults to using the Cloudinary Google Drive app to access their accounts if not provided.

Links

Developed by Develo.

magento-extension-cloudinary-option's People

Contributors

collymore avatar sebdevelo avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.