Git Product home page Git Product logo

lsx-videos's Introduction

LSX Videos Extension

LSX Videos Extension

license Built with gulp.js Build Status Made for LSX

Use the LSX Videos Extension to display all of your videos beautifully and effortlessly on your LSX Theme run website.

Organise them into categories, set featured videos and display them throughout your site with one of the various widget options!

Works with the LSX Theme

Our modern and lightweight theme works perfectly with the LSX Videos extension, improving internal linking, website SEO and user experience!

Gutenberg Compatible Plugin

Have you updated to the new WordPress Gutenberg editor? We've got you covered! The LSX Videos Extension Plugin has been optimised for the Gutenberg update. Check out our release post on the update for more information.

It's free, and always will be.

We’re firm believers in open source - that’s why the LSX Videos Extension is free, and that won't change. We are constantly maintaining and updating our extension so you have the latest and greatest abilities on your LSX Theme powered site.

LSX Videos Extension Documentation

We have created extensive documentation on all of the LSX Videos Extension Plugin functionality. This means a hassle free installation and setup with no code requirements. Go to the LSX Videos Extension Documentation.

LSX Videos Extension Help & Support

We offer premium support for this plugin. Premium support that can be purchased via our website.

If you are experiencing issues with the LSX Videos Extension Plugin & have experience with Github, please log any bug issues you are having on the LSX Videos Extension Github Issues page.

Contributing to the LSX Videos Extension Plugin

If you're a developer who's spotted a bug issue and have a fix, or simply have functionality you think would extend our core theme, we are always happy to accept your contribution! Visit the LSX Videos Extension Plugin on Github and submit a Pull Request with your updates.

Like what you see?

Work with us at LightSpeed

lsx-videos's People

Contributors

ashleyshaw avatar dependabot-preview[bot] avatar dependabot[bot] avatar eleshar avatar garthglaum avatar imgbotapp avatar jacquesvdhorst avatar joseabreu1985 avatar josephlightspeed avatar krugazul avatar mergify[bot] avatar nandotess avatar viscosho avatar

Watchers

 avatar  avatar  avatar  avatar

lsx-videos's Issues

Plugin Scripts and Stylesheets are not loading on the frontend

Describe the bug
The latest version of LSX Videos plugin is not loading the JS file (lsx-videos.min.js) and the CSS file (lsx-videos.css) on the frontend of the site.

To Reproduce
Steps to reproduce the behavior:

  1. Make sure that LSX theme and LSX Videos has the latest versions (and all LSX plugins)
  2. Create a new video, and mark it featured
  3. In a page call the LSX Video shortcut
  4. See error

Expected behavior
The styles and scripts that make the slider work should be loaded and the carousel should be working.

Screenshots
Broken video section:
broken-video-section

Working videos section
working-video-section

Desktop:

  • Happening in all browsers.

Smartphone:

  • Happening in all browser and OS.

Additional context
I have tested in my local and the function that is calling those files has this argument LSX_VIDEOS_VER that when is removes called the files.

Remove UIX and Change to CMB2

Is your enhancement related to a problem? Please describe.

UIX will no longer be part of our plugins, we need to update all related functionality to CMB2

Describe the solution you'd like

Remove IUX and Change to CMB2

To Do

  • Delete the UI files, keep the list of fields, you will need to copy the "key" to the new field.
  • CMB2 - Vendor, Include the vendor folder.
  • Add necessary classes, theme files and options files.
  • Test

Design

  • The admin menu tabs should look like this:
    88801586-3316d000-d1aa-11ea-8c12-0175f668980b

  • The inner menu settings should look like this:

Screen Shot 2020-08-06 at 9 50 30 AM

Single and archive custom post type need to look ok on LSX

Is your enhancement related to a problem? Please describe.

LSX Videos plugin creates a 'videos' custom post type that needs to be supported by LSX.
Right now is not.

Describe the solution you'd like

Add support for LSX Videos single and archive custom post type

  • Archive page support, making grid view looks ok
  • Compatible with LSX Search
  • Standar Pagination for archive page
  • Single video pages need to have the post content and video
  • If the single video page content is restricted, it needs to look good

Examples

Videos Archive page - Enhancements

Is your enhancement related to a problem? Please describe.

All video templates are not updated and they all have styling issues and missing information.

Describe the solution you'd like

There are new designs that offer a solutions to this problems and update all the templates

Designs

Video landing page with filters
video-landing-page-with-filters

Video landing page without filters
video-landing-page-without-filters

Todo

  • Apply styles to Video Landing pages as per the new designs
  • Apply mobile and tablet styles to Video Landing pages as per the new designs
  • Add "Tags" Facet.
  • Add video length meta tag
  • Add an option to enable or disable the video modals
  • Add video play button on Featured image of each video

To Fix

  • Fix the banner title to show the videos landing page title "All Videos"
  • Add the Results counts title
  • Fix Grid distribution and spacing
  • Fix Video Landing page margin bottom to match the design

Videos Single View - Enhancements

Is your enhancement related to a problem? Please describe.

Single video templates are not updated and have styling issues and missing information.

Describe the solution you'd like

There are new designs that offer solutions to these problems and updates to the Single Videos templates

Designs

Videos Single View
single-video-view

Video Single View No Comments
video-single-view-no-comments

Todo

  • Apply styles to Single Video View pages as per the new designs
  • Apply mobile and tablet styles to Single Video View pages as per the new designs
  • Add the video to the Single View page
  • Add video title, date, views and length to the video as per the design
  • Add related video function
  • Add comment function
  • Remove page banner

To Fix

  • Fix global styling issues

Video Single Category Archive page - Enhancements

Is your enhancement related to a problem? Please describe.

Video Category template is not updated and have styling issues and missing information.

Describe the solution you'd like

There is a new design for this Archive page that offer a solution to this problem and update the template

Designs

Video Single Category
videos-single-category

Todo

  • Apply styles to Video Single Category page as per the new design
  • Apply mobile and tablet styles to Video Single Category page as per the new design
  • Add video play button on Featured image of each video

To Fix

  • Fix the banner title to show the videos category title
  • Remove category filtering from top to adapt page to the new design
  • Fix Grid distribution and spacing
  • Fix Video Category page margin bottom to match the design

Video Single Category open video modal - Enhancements

Is your enhancement related to a problem? Please describe.

Video Single Category open video modal is not updated and have styling issues and missing information.

Describe the solution you'd like

There is a new design for the Video Modal that offer a solution to this problem and update the style.

Designs

Video Single Category - Open Video Modal
video-modals

Todo

  • Apply styles to Single Category video modal as per the new design
  • Apply mobile and tablet styles to Single Category video modal as per the new design
  • Add video title, date, views and length meta tags as per the design
  • Add video excerpt as per the design
  • Add "View Video" button on the modal

To Fix

  • Fix the modals global styling to adapt them to the design.

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.