Description

1. Linux Zip Directory
2. Osx Directory Zip File
3. Osx Zip Exclude Directory
4. Linux Zip Directory Command
5. Osx Zip Directory Tree

To install packages from sources instead of plain zip archives, you will need git, svn, fossil or hg depending on how the package is version-controlled. Composer is multi-platform and we strive to make it run equally well on Windows, Linux and macOS. Installation - Linux / Unix / macOS# Downloading the Composer Executable#. ITerm2 + Oh My Zsh + Solarized color scheme + Source Code Pro Powerline + Font Awesome + Powerlevel10k - (macOS) - iterm2-solarized.md. Full screen (fix for osx, chrome both desktop and mobile), no more need to have ‘/’ at the end of folder name, subset of font-awesome and ionicons buttons. Basic version with shortcode and multiple shows, relative upload folder path and Play button with natural sense of interaction, font-awesome buttons, speed parameter, tooltips.

A featured plugin to add 360 degrees and 3d animate view in wordpress using shortcodes
Responsive Web Design
Displays 3D model on wordPress page, post, or custom page
3D model Rotation enabled
Based on a sequence of images (jpg or png) to animate and display the product
Transparency available for png images
Zoom option (best viewed on fullscreen)
Images can be generated with Blender animation
Photography turntable ready

Looking for a 3D model (obj, stl, wrl, fbx format) full rotation & zoom plugin?
Try the Vrm360 wordpress 3D plugin

Demo

Download WordPress Plugin page: wordpress plugins spin360 page

GitHub WordPress Plugin: https://github.com/easyw/spin360

jQuery plugin page: http://spritespin.ginie.eu/

Plugin Features

• 3D model Display
• 360 deg and 3D view enabled
• Photography turntable ready
• ShortCodes System
• Very Lightweight

Installation

1. Upload the plugin files to the your_wordpress_plugins_dir/spin360 directory, or Install as a regular WordPress plugin
2. Go your Plugins page via WordPress Dashboard and activate it

3. Use these shortcodes to post or page

   [spin360 canvas_name='s1' imgs_folder='my_product/' imgs_nbr=100 aspect_ratio=1.33333 speed=1.0 loop=true]

   [spin360 canvas_name='s1' imgs_folder='spin360demo/' imgs_nbr=48 aspect_ratio=1.33333]

   [spin360 canvas_name='s1' imgs_folder='spin360demo/' imgs_nbr=100 autostart=false gesture=vertical]

   [spin360 canvas_name='s1' imgs_folder='spin360demo/' imgs_nbr=36 hide_cmds=all]

   defaults: canvas_name='s1', aspect_ratio=1.33333, speed=-1.0, loop=true hide_cmds=zoom,fullscreen

   Be sure to use the HTML editor when inserting shortcodes!

   check that your Quotation marks are exactly the correct symbol (Alt 34)

4. Use jpg or png image files to display your model as a dynamic sequence;

   Name your images as following: 0001.jpg, 0002.jpg, ..., 0048.jpg (4 digits name)

   for png as following: 0001.png, 0002.png, ..., 0048.png (4 digits name) and add img_type=png to your shortcode

   NB.jpg or .png extension MUST be lowercase

   [spin360 canvas_name='s1' imgs_folder='spin360demo/' imgs_nbr=36 img_type=png]

   for 3D models the image sequence can be generated using Blender turntable animation

   upload your project image files in a your_wordpress_uploads_dir/spin360show subfolder

   (i.e 'your_wordpress_uploads_dir/spin360show/my_product/') via a standard FTP access

   NB: for multisite add /sites/#blog_id/ to path your_wordpress_uploads_dir/sites/2/spin360show

5. Modify the css style to adapt some features

   • change css/spin-style.css to change some style aspect

6. click to stop animation, click and hold to drag, double click to restart or invert sense of animation

Shortcode Parameters:

Linux Zip Directory

• canvas_name = canvas name needed in case of multiple shows on the same page (required)
• imgs_folder = folder of image sequence project; i.e.: 'spin360demo/' or 'my_product' (required)

• imgs_nbr = any number > 1; i.e.: 100 image screenshots (required)

  Note: name your images as following: 0001.jpg, 0002.jpg, ..., 0100.jpg (4 digits name)
  or for png as following: 0001.png, 0002.png, ..., 0100.png (4 digits name) and add img_type=png to your shortcode
  Don’t mix up jpg with png image types on the same project folder.

• speed = any number > 0.1 and < 10; i.e.: 1.5; Negative values will start the animation reversed
• aspect_ratio = any number i.e.: 1.3333 for 4/3 aspect ratio
• change css/spin-style.css to adapt some style aspect (as loading image or button font color)
• loop = true or false (default is true)
• autostart = true or false (default is true) auto start the animation on load
• gesture = ‘horizontal’ (default) will make animation on mouse left/right movement; ‘vertical’ value will make animation on mouse up/dowm movement
• hide_cmds = all, fullscreen, reverse, zoom or false (default is false)
• button_color = ‘#00ABFF’ (default) HTML color values

FAQ

• Fully Responsive design; works on mobile devices;
• click to STOP;
• click and hold to DRAG;
• doubleclick to RESTART;

• speed parameter, loop=true/false, full screen optimization

• in case you have trouble in FTP your image folders under the folder your_wordpress_uploads_dir/spin360show, check the spin360show folder permissions or just delete it and make a new one

• for multisite add /sites/#blog_id/ to path your_wordpress_uploads_dir/sites/2/spin360show
• shortcode support for alternative location of your 360 product images; valuable when you need to host image assets on a dedicated file server or CDN; just place your full folder location path in 'imgs_folder' shortcode variable
• be sure to use the HTML editor when inserting shortcodes
• to have many spinning images or to resize the image in the page, it is possible to use the shortcode inside i.e. a table and set the cell dimension of the table. That will force the plugin to resize itself to the cell size
• Check if your Quotation marks are exactly the correct symbol (Alt 34) https://usefulshortcuts.com/alt-codes/punctuation-alt-codes.php
• clear your site cache after a plugin update
• in case of use of “minify HTML” plugin, don’t enable compression for inline scripts

Reviews

• Installation - Linux / Unix / macOS
  • Downloading the Composer Executable
• Installation - Windows

Composer is a tool for dependency management in PHP. It allows you to declarethe libraries your project depends on and it will manage (install/update) themfor you.

Dependency management#

Composer is not a package manager in the same sense as Yum or Apt are. Yes,it deals with 'packages' or libraries, but it manages them on a per-projectbasis, installing them in a directory (e.g. vendor) inside your project. Bydefault, it does not install anything globally. Thus, it is a dependencymanager. It does however support a 'global' project for convenience via theglobal command.

This idea is not new and Composer is strongly inspired by node'snpm and ruby's bundler.

Suppose:

1. You have a project that depends on a number of libraries.
2. Some of those libraries depend on other libraries.

Composer:

1. Enables you to declare the libraries you depend on.
2. Finds out which versions of which packages can and need to be installed, andinstalls them (meaning it downloads them into your project).
3. You can update all your dependencies in one command.

See the Basic usage chapter for more details on declaringdependencies.

System Requirements#

Composer requires PHP 5.3.2+ to run. A few sensitive php settings and compileflags are also required, but when using the installer you will be warned aboutany incompatibilities.

To install packages from sources instead of plain zip archives, you will needgit, svn, fossil or hg depending on how the package is version-controlled.

Composer is multi-platform and we strive to make it run equally well on Windows,Linux and macOS.

Installation - Linux / Unix / macOS#

Downloading the Composer Executable#

Composer offers a convenient installer that you can execute directly from thecommand line. Feel free to download this fileor review it on GitHubif you wish to know more about the inner workings of the installer. The sourceis plain PHP.

There are in short, two ways to install Composer. Locally as part of yourproject, or globally as a system wide executable.

Locally#

To install Composer locally, run the installer in your project directory. Seethe Download page for instructions.

The installer will check a few PHP settings and then download composer.pharto your working directory. This file is the Composer binary. It is a PHAR(PHP archive), which is an archive format for PHP which can be run onthe command line, amongst other things.

Now run php composer.phar in order to run Composer.

You can install Composer to a specific directory by using the --install-diroption and additionally (re)name it as well using the --filename option. Whenrunning the installer when followingthe Download page instructions add thefollowing parameters:

Now run php bin/composer in order to run Composer.

Globally#

You can place the Composer PHAR anywhere you wish. If you put it in a directorythat is part of your PATH, you can access it globally. On Unix systems youcan even make it executable and invoke it without directly using the phpinterpreter.

After running the installer following the Download page instructionsyou can run this to move composer.phar to a directory that is in your path:

If you like to install it only for your user and avoid requiring root permissions,you can use ~/.local/bin instead which is available by default on someLinux distributions.

Note: If the above fails due to permissions, you may need to run it againwith sudo.

Note: On some versions of macOS the /usr directory does not exist bydefault. If you receive the error '/usr/local/bin/composer: No such file ordirectory' then you must create the directory manually before proceeding:mkdir -p /usr/local/bin.

Note: For information on changing your PATH, please read theWikipedia article and/or useyour search engine of choice.

Now run composer in order to run Composer instead of php composer.phar.

Installation - Windows#

Using the Installer#

This is the easiest way to get Composer set up on your machine.

Download and runComposer-Setup.exe. It willinstall the latest Composer version and set up your PATH so that you cancall composer from any directory in your command line.

Note: Close your current terminal. Test usage with a new terminal: This isimportant since the PATH only gets loaded when the terminal starts.

Manual Installation#

Change to a directory on your PATH and run the installer followingthe Download page instructionsto download composer.phar.

Osx Directory Zip File

Create a new composer.bat file alongside composer.phar:

Using cmd.exe:

Using PowerShell:

Osx Zip Exclude Directory

Add the directory to your PATH environment variable if it isn't already.For information on changing your PATH variable, please seethis article and/oruse your search engine of choice.

Close your current terminal. Test usage with a new terminal:

Using Composer#

Linux Zip Directory Command

Now that you've installed Composer, you are ready to use it! Head on over to thenext chapter for a short demonstration.

Basic usage →

Osx Zip Directory Tree

Found a typo? Something is wrong in this documentation? Fork and edit it!