Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .travis.yml
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ python:
env:
global:
- VERSION="9.0" TESTS="0" LINT_CHECK="0" TRANSIFEX="0"
- WEBSITE_REPO="1"
- TRANSIFEX_USER='transbot@odoo-community.org'
- WEBSITE_REPO="1"
- secure: eNfbQI7Pkp3mjTFQgjrVVldmyE/Yn3+iCMVykhXppC85dJaCFMpjwPUfZa7p38tnnH7jhng2JL2tAXnJ4uOry0B3m9xYR7fNYXg/9uj1988FHvpDhfDFEKcMF8s70mr11HRijj6U8p6WDt/0ygD6aZ0LJzWzxhMFecFavOb6XOw=
Expand Down
89 changes: 89 additions & 0 deletions website_snippet_marginless_gallery/README.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg
:alt: License: LGPL-3

==========================
Marginless Gallery Snippet
==========================

This module extends the functionality of the website module to add a new
snippet that forms a marginless gallery and allow you to create a grid of
photos that have no spaces between themselves.

.. image:: ./images/marginless_gallery.png
:alt: Marginless gallery

Usage
=====

To use this module, you need to:

* Edit any page in your website.
* Go to *Insert blocks > Features*.
* Drag the *Marginless Gallery* snippet anywhere in your page.
* Choose a fixed height for all your images. This is required to maintain a
solid layout. Must be a number.
* If you still do not want the fixed height (maybe because your theme
applies it), just leave blank and press *Continue*.

To change images, you need to:

* Select any image block in the snippet you just created.
* Go to *Customize > Background* and choose any background you want.
* Backgrounds will be centered and cover the whole element in any layout.

To change the images height, you need to:

* Select any block inside the snippet you just created.
* Go to the top parent.
* Go to *Customize > Change Images Height*.
* Input a number and press *Continue*.

To avoid trimming the images, you need to:

* Select any block inside the snippet you just created.
* Go to the top parent.
* Go to *Customize > Do not trim images*.

Known issues / Roadmap
======================

* If you do not set a fixed height to all your images in the snippet, it will
get an ugly layout. Right now we manually set the height, but whenever
Bootstrap 4 starts being used in Odoo with its flexbox support, this will not
be needed anymore.

* Improve it using `Masonry <http://desandro.github.io/masonry/>`_ like the
`Graphene theme <https://theme-graphene.odoo.com/page/blocks>`_ does. It
should allow to set arbitrary heights to images with a beautiful layout.

Bug Tracker
===========

Bugs are tracked on `GitHub Issues <https://github.com/OCA/website/issues>`_.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us smashing it by providing a detailed and
welcomed feedback `here
<https://github.com/OCA/website/issues/new?body=module:%20website_snippet_marginless_gallery%0Aversion:%208.0.1.0.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.

Credits
=======

Contributors
------------

* Jairo Llopis <j.llopis@grupoesoc.es>

Maintainer
----------

.. image:: https://odoo-community.org/logo.png
:alt: Odoo Community Association
:target: https://odoo-community.org

This module is maintained by the OCA.

OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.

To contribute to this module, please visit https://odoo-community.org.
Empty file.
27 changes: 27 additions & 0 deletions website_snippet_marginless_gallery/__openerp__.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
# -*- coding: utf-8 -*-
{
"name": "Marginless Gallery Snippet",
"summary": "Add a snippet to have a marginless image gallery",
"version": "9.0.1.0.0",
"category": "Website",
"license": "LGPL-3",
"website": "https://odoo-community.org/project/website-maintainers-79",
"author": "Grupo ESOC Ingeniería de Servicios, "
"Tecnativa, "
"Odoo Community Association (OCA)",
"application": False,
"installable": True,
"images": [
"images/marginless_gallery.png",
],
"depends": [
"website",
],
"data": [
"views/assets.xml",
"views/snippets.xml",
],
"demo": [
"demo/assets.xml",
],
}
13 changes: 13 additions & 0 deletions website_snippet_marginless_gallery/demo/assets.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8" ?>
<!-- Copyright 2017 Jairo Llopis <jairo.llopis@tecnativa.com>
License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
<odoo>

<template id="demo_assets_editor" inherit_id="website.assets_editor">
<xpath expr=".">
<script type="text/javascript"
src="/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.tour.js"/>
</xpath>
</template>

</odoo>
81 changes: 81 additions & 0 deletions website_snippet_marginless_gallery/i18n/de.po
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * website_snippet_marginless_gallery
#
# Translators:
# Rudolf Schnapka <rs@techno-flex.de>, 2016
msgid ""
msgstr ""
"Project-Id-Version: website (8.0)\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2016-02-25 14:25+0000\n"
"PO-Revision-Date: 2016-02-24 17:54+0000\n"
"Last-Translator: OCA Transbot <transbot@odoo-community.org>\n"
"Language-Team: German (http://www.transifex.com/oca/OCA-website-8-0/language/de/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: de\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid ""
"All photos must have the same height or the\n"
" gallery layout will be broken"
msgstr "Alle Fotos müssen die gleiche Höhe haben, sonst\nwird Ihr Layout zerschossen"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid "Change Images Height"
msgstr "Ändere Bildhöhe"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid "Do not trim images"
msgstr ""

#. module: website_snippet_marginless_gallery
#. openerp-web
#: code:addons/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.editor.js:32
#, python-format
msgid "Height for all images in gallery"
msgstr "Höhe aller Bilder in der Gallerie"

#. module: website_snippet_marginless_gallery
#. openerp-web
#: code:addons/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.editor.js:33
#, python-format
msgid "Image height in pixels"
msgstr "Bildhöhe in Pixeln"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Lorem ipsum"
msgstr "Lorem ipsum"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid ""
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod "
"tempor incididunt ut labore et dolore magna."
msgstr "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Marginless Gallery"
msgstr "Randlose Gallerie"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Our Gallery"
msgstr "Unsere Gallerie"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid ""
"section,\n"
" .carousel,\n"
" .parallax,\n"
" .marginless-gallery .img"
msgstr "section,\n .carousel,\n .parallax,\n .marginless-gallery .img"
88 changes: 88 additions & 0 deletions website_snippet_marginless_gallery/i18n/es.po
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * website_snippet_marginless_gallery
#
msgid ""
msgstr ""
"Project-Id-Version: Odoo Server 8.0\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2015-12-28 13:01+0100\n"
"PO-Revision-Date: 2015-12-28 13:01+0100\n"
"Last-Translator: Jairo Llopis <j.llopis@grupoesoc.es>\n"
"Language-Team: \n"
"Language: es\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"Plural-Forms: \n"
"X-Generator: Poedit 1.8.5\n"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid ""
"All photos must have the same height or the\n"
" gallery layout will be broken"
msgstr ""
"Todas las fotos deben tener la misma altura o la maquetación de la galería "
"se estropeará"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid "Change Images Height"
msgstr "Cambiar la altura de las imágenes"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid "Do not trim images"
msgstr "No recortar las imágenes"

#. module: website_snippet_marginless_gallery
#. openerp-web
#: code:addons/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.editor.js:32
#, python-format
msgid "Height for all images in gallery"
msgstr "Altura para todas las imágenes de la galería"

#. module: website_snippet_marginless_gallery
#. openerp-web
#: code:addons/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.editor.js:33
#, python-format
msgid "Image height in pixels"
msgstr "Altura de imagen en píxeles"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Lorem ipsum"
msgstr "Lorem ipsum"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid ""
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod "
"tempor incididunt ut labore et dolore magna."
msgstr ""
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod "
"tempor incididunt ut labore et dolore magna."

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Marginless Gallery"
msgstr "Galería sin margenes"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Our Gallery"
msgstr "Nuestra galería"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid ""
"section,\n"
" .carousel,\n"
" .parallax,\n"
" .marginless-gallery .img"
msgstr ""
"section,\n"
" .carousel,\n"
" .parallax,\n"
" .marginless-gallery .img"
82 changes: 82 additions & 0 deletions website_snippet_marginless_gallery/i18n/it.po
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
# Translation of Odoo Server.
# This file contains the translation of the following modules:
# * website_snippet_marginless_gallery
#
# Translators:
# Paolo Valier, 2016
# Paolo Valier, 2016
msgid ""
msgstr ""
"Project-Id-Version: website (8.0)\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2016-04-14 08:43+0000\n"
"PO-Revision-Date: 2016-04-30 19:54+0000\n"
"Last-Translator: Paolo Valier\n"
"Language-Team: Italian (http://www.transifex.com/oca/OCA-website-8-0/language/it/)\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: \n"
"Language: it\n"
"Plural-Forms: nplurals=2; plural=(n != 1);\n"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid ""
"All photos must have the same height or the\n"
" gallery layout will be broken"
msgstr "Tutte le foto devono avere la stessa altezza altrimenti\nla visualizzazione della galleria non sarà corretta"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid "Change Images Height"
msgstr "Cambia l'altezza delle immagini"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid "Do not trim images"
msgstr "Non tagliare le immagini"

#. module: website_snippet_marginless_gallery
#. openerp-web
#: code:addons/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.editor.js:32
#, python-format
msgid "Height for all images in gallery"
msgstr "Altezza per tutte le immagini della galleria"

#. module: website_snippet_marginless_gallery
#. openerp-web
#: code:addons/website_snippet_marginless_gallery/static/src/js/website_snippet_marginless_gallery.editor.js:33
#, python-format
msgid "Image height in pixels"
msgstr "Altezza delle immagini in pixels"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Lorem ipsum"
msgstr "Lorem ipsum"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid ""
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod "
"tempor incididunt ut labore et dolore magna."
msgstr "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Marginless Gallery"
msgstr "Galleria senza margini"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippets
msgid "Our Gallery"
msgstr "La nostra Galleria"

#. module: website_snippet_marginless_gallery
#: view:website:website.snippet_options
msgid ""
"section,\n"
" .carousel,\n"
" .parallax,\n"
" .marginless-gallery .img"
msgstr "section,\n.carousel,\n.parallax,\n.marginless-gallery .img"
Loading