Coder Social home page Coder Social logo

wp-premium / woocommerce-variation-swatches-and-photos Goto Github PK

View Code? Open in Web Editor NEW
73.0 73.0 37.0 125 KB

WooCommerce Variation Swatches and Photos, Git-ified. Synced manual! This repository is just a mirror of the WooCommerce Variation Swatches and Photos plugin. Please do not send pull requests.

Home Page: https://www.woothemes.com/products/variation-swatches-and-photos/

JavaScript 29.88% CSS 9.81% PHP 60.31%

woocommerce-variation-swatches-and-photos's Introduction

=== WooCommerce Variation Swatches and Photos ===

WooCommerce Swatches and Photos allows you to use color swatches and / or photos for variable product attribute selection. 

== Installation ==

1. Upload the folder 'woocommerce-swatches-and-photos' to the '/wp-content/plugins/' directory

2. Activate 'WooCommerce Swatches and Photos' through the 'Plugins' menu in WordPress

== Usage ==

Color Swatch and Image Sizes
1. Naviage to WooCommerce -> Settings -> Catalog area. 

2. Locate the "Swatches and Photos" section at the bottom of the Catalog Tab. 

3. Enter in the width and height you would like to use as the default for Color and Swatches. 


Product Attribute Management
1. Edit or create a new product attribute taxonomy from the "Attributes" menu under "Products". 

2. Edit or create terms.  When editing or creating terms, choose a color swatch or image. 

3. Choose your color, or upload your image for the term. 

Product Data Management
1. Edit a product and look for the 'Swatches' product data tab. 

2. Choose to use WooCommerce Default's ( standard select boxes ), or Photos and Swatches for this product.

3. For each attribute, choose to use WooCommerce default select boxes, or swatches and photos. 

The configured attributes will now appear on the front end when users are selecting variable products from your shop. 

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.