Code Monkey home page Code Monkey logo

website_multi_image's Introduction

website_multi_image

Website Multi Image stores multiple product images in a tab: 'Product Images' under Sales >> Product. These images are displayed on the product view page in a synced carousel (two carousels one large and one small) using OwlCarousel2.

Website Multi-Image

Please use the 9.0 branch:

sudo git clone -b 9.0 https://github.com/OdooCommunityWidgets/website_multi_image.git This will provide you with the latest working 'stable' version of the module built for the 9.0 branch. Please be advised this module is still under development.

Frontend Demo:

Admin Demo:

TODO: master

  • Image magnification

  • Secondary Image (on Mouseover) (Category list view and grid view)

  • Image thumbnail preview widget in admin list view (to replace current download link)

  • Attach Images to product variants to allow for image galleries based on product variants. This will be designed to switch galleries based on product variant attributes (eg. colour, size, etc.).

  • Add product variant swatch thumbnails in a similar manner to Magento 1.9.1 (eg. t-if from tags or labels).

  • Add support for WebRotate360 module website_webrotate360 (*not yet built).

  • Add support for importing multiple images from URL or local path as default to allow for a more user-friendly mass update/import of product images in a similar manner to the Magmi project for Magento

website_multi_image's People

Contributors

a0c avatar lukebranch avatar moylop260 avatar ryanc-me avatar yelizariev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

website_multi_image's Issues

Working in mess after bilingual application

After I load the second language, Chinese in my case, the module cause big mess.

  1. After saving each product's images, it would jump to the first product on the whole list in the back end.
  2. In the front end, it is kind of chaos and I do not know how to describe it. One big image in the right position, the medium images are far below. I double checked several products, it is all act the same.

Thanks for your time!

Best regards

Frank

Carousel on mobile phone

Hi Luke!!

Thanks for sharing this project, it's most needed.

I've set up a product on a test instance and uploaded some photos. Everything looks fine on my desktop and tablet, but when I try to visualize the owl carousel on my iphone the images are not displayed correctly. Would you please advice?

Thanks and regards.

Dependency with website_sale missing

If this addon is installed without the website_sale addon being installed, installation fails.

I think the issue is in the file openerp.py:

'depends': ['product','sale'],

Multi Image in SAAS-6

Hi, I have tried to add the multi image in the SAAS version however it stacks them vertically. Am I doing something wrong?

Switching Themes breaks view with Slick sliders

Since slick.css is added via Theme facility, switching to a different Theme (e.g. some black one) breaks any view which uses Slick JS library.

Multi-image should be usable regardless of the Theme selected.

Hence, css must be added to website.assets_frontend template directly.

No carousel

Luke, I am able to install your lukebranch / website_multi_image, not this one though.
The other installs fine but there is no carousel in the product web page. It does show the images, but not the carousel. The images are lined vertically one below the other in regular format then below in thumbnail.

Is there additional steps I need to take? Do I need to install carousel separately?

Thanks

Prices and taxes in shiping cart

Hello, when you install this module changed settings shiping cart on line 51 the formula is different in the shoping cart for Odoo.

thanks.

Download images

Hi Luke,

How can the images be downloaded in the original format? they're downloaded in binary format as of now.

Thanks in advance,
Manuel.

[ERROR] tests broken with this module.

Hello.

It is great if this kind of modules do not brake official tests, then if you face this problem and you know what should be the roadmap it should be cool and we can make a PR.

Basically:

  1. Configure the repository to use OCA estandars (.travis, flake and pylint.
  2. When it is installed you will face this error on unit tests:
2015-05-24 10:27:57,937 24837 INFO openerp_test openerp.tests.common: phantomjs: Can't reach the next step

2015-05-24 10:27:57,937 24837 INFO openerp_test openerp.tests.common: phantomjs:  tour: shop

2015-05-24 10:27:57,938 24837 INFO openerp_test openerp.tests.common: phantomjs:  step: 7: 'Update image'

2015-05-24 10:27:57,938 24837 INFO openerp_test openerp.tests.common: phantomjs:  href: http://localhost:8069/shop/product/new-product-65?enable_editor=1

2015-05-24 10:27:57,939 24837 INFO openerp_test openerp.tests.common: phantomjs:  referrer: http://localhost:8069/

2015-05-24 10:27:57,939 24837 INFO openerp_test openerp.tests.common: phantomjs:  element: false

2015-05-24 10:27:57,939 24837 INFO openerp_test openerp.tests.common: phantomjs:  waitNot: true

2015-05-24 10:27:57,940 24837 INFO openerp_test openerp.tests.common: phantomjs:  waitFor: true

2015-05-24 10:27:57,941 24837 INFO openerp_test openerp.tests.common: phantomjs:  localStorage: {"tour":"{\"id\":\"shop\",\"mode\":\"test\",\"step_id\":6,\"time\":1432463270939,\"number\":2,\"wait\":0}"}

Regards.

Ajax loader image

Hello,

Congratulations, this project is very useful!!

Just an small issue, the follow URL fails:

website_multi_image/static/css/slick/ajax-loader.gif

Thank you and best regards

focusOnSelect doesn't work when a filter is applied to synced sliders

A very simple issue which could be simulated like this:
(+ see Test Case in jsFiddle below)

Set up

  • 2 synced sliders
  • slider#2 set up:
    • slidesToShow > 1 (e.g. 3)
    • focusOnSelect = true
  • a filter which filters both sliders (e.g. ':even')

Expected and Actual behavior

Once the filter has been applied to both sliders, clicking on slider-nav items should navigate to the same items in slider-for. Instead, Slick navigates to a wrong item, in some crazy manner.

Test Case

Try clicking on slide3 text => and then on slide7 in this jsFiddle test case.

Bug Explanation

Slide attribute index, which is used for navigation, cannot be relied on once a filter has been applied. Natural ordering of slides should be used instead.
Fix is to follow...

bulk images upload

Hi,

is it possible to upload all the images (of all items) at once through the Odoo soft?

Thanks!

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.