Newsfeeds

Btester Social

New Drupal Modules - 30 December 2017 - 2:55pm
Categories: Drupal

Btester Slideshow

New Drupal Modules - 30 December 2017 - 2:52pm
Categories: Drupal

Entity Pilot: A new year brings a free tier!

Planet Drupal - 30 December 2017 - 2:48pm

In response to regular requests for trial accounts, we've added a free trial tier.

Categories: Drupal

Btester Portfolio

New Drupal Modules - 30 December 2017 - 2:45pm
Categories: Drupal

Btester Polymer Components

New Drupal Modules - 30 December 2017 - 2:41pm
Categories: Drupal

Btester Poll

New Drupal Modules - 30 December 2017 - 2:26pm
Categories: Drupal

Btester Mailing

New Drupal Modules - 30 December 2017 - 2:23pm
Categories: Drupal

Review Roundup

Tabletop Gaming News - 30 December 2017 - 11:00am
The year is coming to an end. 2017 has been full of twists and turns. 2018 is looking like it will certainly be an interesting one. Certainly one of potential change. To all of you, I wish you a happy and prosperous New Year. I also wish you would read all of these review articles. […]
Categories: Game Theory & Design

mark.ie: Integrating a Drupal Text with Image Paragraph Bundle with Patternlab

Planet Drupal - 30 December 2017 - 6:25am
Integrating a Drupal Text with Image Paragraph Bundle with Patternlab

Let's get to grips with having a text with image paragraph bundle set up with PatternLab, including having options for left/right for the image/text.

markconroy Sat, 12/30/2017 - 14:25

It's a fairly common design pattern for clients to request - upload an image, place text beside it, and choose whether we have the image on the left with the text on the right or vice versa. You can see my PatternLab version of it here (I also have an added option to set a dark theme for the background).

This is an example of the pattern with the image on the left and the text on the right.

Okay, first off, in my twig file, I have the following:

{%
set classes = [
  'image-with-text',
  'layout-contained',
  paragraph.field_p_it_alignment.value,
]
%}


 

   
      {{ content.field_p_it_image }}
   

   
      {{ content.field_p_it_text }}
   

 

The only thing that is anyway special here is the paragraph.* variables. I have named them like so because this is what Drupal is going to give me back (since the machine name of those fields is p_it_alignment (I namespace all my entity fields with the first letter of the entity type - in this case the name stands for Paragraph Image (with) Text Alignment). This then allows me to have options in PatternLab for alignment and background style (light/dark). To achieve this, I have the following in my pattern's .yml file:

paragraph:
  field_p_it_alignment:
    value: left
  field_p_it_style:
    value: light

And in my image-with-text~right.yml file, I just need to override those variables like so:

paragraph:
  field_p_it_alignment:
    value: right

Following that, I have variables named content.field_p_it_image and content.field_p_it_text. Again, these are deliberately named like so, because this is what Drupal will give us back after I create a field with those machine names. Again and again, I try to keep my pattern variables in PatternLab the same as what I will get back from Drupal so when I come to adding the Drupal template, it's just one line of code to say "Hi Drupal template, you'll find the code for this file over here!". So, you can decide in PatternLab what the machine name for the Drupal fields is going to be and then get your site-builders to create fields with matching names, or you can ask your site-builders what machine names are being used in Drupal and then use those in PatternLab.

In my pattern's .yml file, I then set those variables like this:

content:
  field_p_it_text: 'A Short Heading

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

'
  field_p_it_image: ''

Finally, in our paragraph--image-with-text.html.twig file we have just one line of code:

{% extends "@building-blocks/image-with-text/image-with-text.twig" %}

You can probably guess what the sass looks like:

.image-with-text {
    display: flex;
    &.left {
      flex-direction: row;
    }
    &.right {
      flex-direction: row-reverse;
    }
}

The images with text above and below this post are examples of this pattern in use on a Drupal website.

This is an example of the pattern with the image on the right and the text on the left.

Categories: Drupal

Btester CRM

New Drupal Modules - 29 December 2017 - 11:41pm
Categories: Drupal

Btester CMS

New Drupal Modules - 29 December 2017 - 11:32pm
Categories: Drupal

Commerce ShipEngine

New Drupal Modules - 29 December 2017 - 10:46pm

ShipEngine provides a common API for multiple shipping carriers. A company using multiple carriers (UPS, USPS, FedEx) may find their services useful.

This module provides:
- Shipping Method plugin, providing rates for services configured in ShipEngine.
- Labels (currently hardcoded as test - USPS only) created after order placed, visible on order page.

Please submit issues if you would like to use this and something isn't working.

Categories: Drupal

Btester Core

New Drupal Modules - 29 December 2017 - 10:20pm
Categories: Drupal

Commerce MyCard

New Drupal Modules - 29 December 2017 - 10:07pm
Overview

The Commerce MyCard Module provide a payment method for Drupal Commerce Module. MyCard is a 3rd Party Payment Service which can be used at Taiwan, China, Hong kong. The detail of the payment can be found at MyCard Official Website.

Features

This module provide only one payment but with multiple payment method at the mycard side. There are three types of payment. 1. Ingame 2. Costpoint 3. billing.

Categories: Drupal

Aegir Dispatch: Helmo's year of Aegir 2017

Planet Drupal - 29 December 2017 - 4:00pm
What have I done? It turns out a lot of Aegir. Anarcat inspired be to write about the time I’ve spent. And now that the Aegir project has a proper blog … why not. 190+ hours of community Aegir time (23 full 8 hour days) as per my hamster. According to Drupal.org “Credited on 61 issues fixed in the past 1 year” Within Aegir I worked all over the place:
Categories: Drupal

Freelock : Getting hands on with Drupal Commerce 2 - Onsite payments and Sales Tax

Planet Drupal - 29 December 2017 - 2:29pm
creditcard.jpeg

We're nearing launch of two new Drupal Commerce sites, one of them being this one. It turns out Freelock.com has some relatively sophisticated commerce needs: some taxable products, some non-taxable products. Recurring subscriptions. Arbitrary invoice payments.

We previously blogged about Commerce 2 Price Resolvers. Now, let's get into some of the details of payment gateways and taxes.

Drupal 8Drupal CommerceDrupal PlanettaxCustom Development
Categories: Drupal

Warlord Games Taking Pre-Orders For The Roman Invasion of Britain Set

Tabletop Gaming News - 29 December 2017 - 12:00pm
Roman conquests spanned more than just the area around the Mediterranean. They took over much of continental Europe and then made eyes at the isles just across the sea. The British Isles seemed ripe for invasion. However, all the Brits living there at the time didn’t quite see it that way. There was much fierce […]
Categories: Game Theory & Design

River Horse Previews Victor the Kurgan For The Highlander Board Game

Tabletop Gaming News - 29 December 2017 - 11:00am
Well, if there can be only one, that seems to imply that there’s more than one from time to time. Such is the case with the Immortals in Highlander. So, who else is out there besides the MacLeods? Well, how about Victor the Kurgan? He’ll be part of the upcoming board game from River Horse. […]
Categories: Game Theory & Design

New Jeep Kits Available from Warlord Games

Tabletop Gaming News - 29 December 2017 - 10:00am
Ah, the Army Jeep. Tough, rugged, can get you almost anywhere. These light vehicles were used in scouting and reconnaissance, moving personnel around, and harassment of the enemy’s flanks. Now, you can do all that with your Bolt Action armies, as there’s two new Jeep kits available, both the regular variety and an up-armored version. […]
Categories: Game Theory & Design

Alexa Flash Briefing

New Drupal Modules - 29 December 2017 - 9:45am
Categories: Drupal

Pages

Subscribe to As If Productions aggregator