Changes to gallery block and custom code inserter

This commit is contained in:
Jeremy Rangel
2024-12-17 17:33:30 -08:00
parent f19e779946
commit 961081128a
4 changed files with 69 additions and 100 deletions

View File

@ -335,8 +335,16 @@ function build_gallery_settings_json($attributes, $unique_class) {
// Build the gallery styles based on $attributes and a unique class for rendering multiple galleries on the same page
function build_gallery_styles($attributes,$unique_class) {
function build_gallery_styles($attributes, $unique_class) {
// Extract background color and item spacing from attributes
$thumbs_background_color = isset($attributes['thumbsBackgroundColor']) ? esc_attr($attributes['thumbs_background_color']) : '#000000'; // Default to black if not set
$backdrop_background_color = isset($attributes['backdropBackgroundColor']) ? esc_attr($attributes['backdropBackgroundColor']) : '#000000'; // Default to black if not set
$item_spacing = isset($attributes['item_spacing']) ? esc_attr($attributes['item_spacing']) : '10px'; // Default spacing if not set
// Start generating styles
$styles = "<style>";
// Gallery container styles
$styles .= "
.$unique_class {
background-color: $background_color;
@ -344,16 +352,27 @@ function build_gallery_styles($attributes,$unique_class) {
flex-wrap: wrap;
gap: $item_spacing;
justify-content: center;
background:red;
}
";
}";
// LightGallery thumbnail styles
$styles .= "
.$unique_class .lg-thumb-outer {
background-color: $thumbs_background_color
}";
$styles .= "
.$unique_class .lg-backdrop {
background-color: $backdrop_background_color
}";
// Close the style tag
$styles .= "</style>";
// Return the generated styles
return $styles;
}
// Render the block
function render_lcp_gallery_block($attributes) {
// Generate a unique class for each gallery
@ -427,7 +446,7 @@ function enqueue_lightgallery_scripts() {
// Enqueue styles
wp_enqueue_style('lcp-gallery', get_template_directory_uri() . '/blocks/lcp-gallery/assets/css/lcp-gallery.css');
wp_enqueue_style('lightgallery-css', get_template_directory_uri() . '/blocks/lcp-gallery/assets/css/lightgallery-bundle.min.css');
wp_enqueue_style('lg-transitions-css', get_template_directory_uri() . '/blocks/gallery/assets/css/lg-transitions.css');
wp_enqueue_style('lg-transitions-css', get_template_directory_uri() . '/blocks/lcp-gallery/assets/css/lg-transitions.css');
// Enqueue scripts
wp_enqueue_script('lightgallery-js', get_template_directory_uri() . '/blocks/lcp-gallery/assets/js/lightgallery.min.js', array(), null, true);