Home › Forums › WoodMart support forum › Is there a shortcode for the product images gallery?

Is there a shortcode for the product images gallery?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 23, 2021 at 3:05 pm #334038

    wkmaster1985
    Participant

    I use the plugin Fancy Product Designer. The configurator replaces the product image area on my single product page (link see in private content area).

    My goal:
    Displaying the gallery of the uploaded product images under the configurator.

    As the Fancy Product Designer plugin uses the position of the product images, the images do not show up anymore. So I need to find a way to customize the single product page in a way that under the configurator the image gallery shows up.

    How can I achieve that?

    November 24, 2021 at 9:56 am #334195

    Elise Noromit
    Member

    Hello,

    This plugin replaces the gallery and WoodMart does not influence the performance of the plugin.

    Please make the full backup of your site and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by WooСommerce.

    Best Regards

    November 24, 2021 at 10:22 am #334214

    wkmaster1985
    Participant

    Is there a way to output the product images gallery via a shortcode that I can place somewhere within the template file?

    November 24, 2021 at 11:27 am #334230

    Elise Noromit
    Member

    Hello,

    You can just use an image gallery and add the images you want to show in the product description or by means of EXTRA CONTENT OPTIONS Find our documentation tutorial about this here: https://xtemos.com/docs/woodmart/product-page-options/#local_settings and https://xtemos.com/docs/woodmart/html-blocks-2/#extra_content_options

    If you have any questions please feel free to contact us.

    Best Regards

    November 24, 2021 at 4:05 pm #334308

    wkmaster1985
    Participant

    I ended up using the xtemos element “gallery carousel” as shown here:
    https://woodmart.xtemos.com/carousels/demo/electronics-2/#&gid=1&pid=2

    My question:
    How can I turn the lightbox background which currently is black to transparent white?

    November 25, 2021 at 10:26 am #334456

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .pswp__scroll-wrap, .pswp__share-modal {
background:#FFF;
}
body .pswp__img--placeholder--blank {
	background: #FFF;
}

    If it does not work, please give me the page URL where you want to change the color.

    Best Regards

    November 25, 2021 at 10:40 am #334464

    wkmaster1985
    Participant

    Thank you, Elise, I achieved changing the color. But how can I add a transparency with an opacity of 0.5? I do not want the background to be fully white. Please see a link to the page with the image gallery in the private content box.

    November 25, 2021 at 7:30 pm #334640

    Elise Noromit
    Member

    Hello,

    You need to replace the that code with this one: 

    .pswp__scroll-wrap, .pswp__share-modal {
background:rgba(255,255,255,0.5);
}
body .pswp__img--placeholder--blank {
	background:rgba(255,255,255,0.5);
}

    If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)