patrickloeber

Using Nano Banana with JavaScript

Guide on how to use Nano Banana aka Gemini 2.5 Flash Image in JavaScript with the Google GenAI JS/TS SDK.

A detailed blog post can be found on TBD.

More resources:

• Get an API key from Google AI Studio.
• Nano Banana Gemini API docs

Oliviercreativ

/**
 * @param $interval       - The interval between each delay, defaults to 500ms
 * @param $startTime      - The start time of the animations, defaults to 0ms
 * @param $numberOfDelays - The total number of delays to be generated, defaults to 10
 */
@mixin delays($interval: 500, $startTime: 0, $numberOfDelays: 10) {
	@for $i from 0 through $numberOfDelays {
		$ms : $startTime + ($i * $interval);
		&.delay-#{$ms} {
			animation-delay: #{$ms}ms;

spivurno

/**
 * Plugin Name: Gravity Forms: Move Progress Bar to Bottom of Form
 * Plugin URI: http://www.n7studios.co.uk
 * Version: 1.0.1
 * Author: n7 Studios
 * Author URI: http://www.n7studios.co.uk
 * Description: Moves the progress bar from the top to the bottom of the Gravity Form.  The Start Paging section of the form MUST have a CSS class = progress-bar-bottom
 */

/**

Oliviercreativ

/* Convert the standard WooCommerce products list into a modern responsive grid. */
ul.products {
  --grid-gap: 32px;
  --auto-grid-min-size: 200px;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: var(--grid-gap);
  display: grid;
}
ul.products:before{
  content:unset!important;

iqbalrony

Commands
--------------
Wordpress Download = wp core download
Config.php file create = wp config create --dbname=database_name --dbuser=database_username --dbpass=database_password
Wordpress Install = wp core install --url=example.com --title=Example --admin_user=supervisor --admin_password=strongpassword [email protected]

Theme or Plugin Install = wp theme/plugin install theme_slug/plugin_slug
Theme or Plugin Activate = wp theme/plugin activate theme_slug/plugin_slug
Theme or Plugin Install & Activate = wp theme/plugin install theme_slug/plugin_slug --activate

iqbalrony

<?php
function add_elementor_widget_categories( $elements_manager ) {

	$categories = [];
	$categories['oceanic'] =
		[
			'title' => 'Oceanic Widgets',
			'icon'  => 'fa fa-plug'
		];

workeffortwaste

/* Convert the standard WooCommerce products list into a modern responsive grid. */
ul.products {
  --grid-gap: 32px;
  --auto-grid-min-size: 200px;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: var(--grid-gap);
  display: grid;
}
ul.products:before{
  content:unset!important;

iqbalrony

<?php
/*
* Exclude & Include in group control
*/
$this->add_group_control(
	Group_Control_Background::get_type(),
	[
		'name' => 'item_background',
		'label' => __( 'Background', 'happy-addons-pro' ),
		'types' => [ 'classic', 'gradient' ],

enamhasan

# add this script in product liquid (Just before addtocart form)

<!-- Code added for Inventory in Pipeline -->            
                <script>       
                  var inv_qty = {};
                  {% for var in product.variants %}
                    inv_qty[{{- var.id -}}] = {{ var.inventory_quantity | default: 0 }};
                  {% endfor %}
                </script>            
                {% if current_variant.inventory_management == "shopify" %}

rohanb10

/**
 * @param $interval       - The interval between each delay, defaults to 500ms
 * @param $startTime      - The start time of the animations, defaults to 0ms
 * @param $numberOfDelays - The total number of delays to be generated, defaults to 10
 */
@mixin delays($interval: 500, $startTime: 0, $numberOfDelays: 10) {
	@for $i from 0 through $numberOfDelays {
		$ms : $startTime + ($i * $interval);
		&.delay-#{$ms} {
			animation-delay: #{$ms}ms;