Changes to gallery block and custom code inserter
This commit is contained in:
@ -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);
|
||||
|
||||
Reference in New Issue
Block a user