I like the "sale" class that is available as an overlay on shop items.
You have it here (http://themes.semicolonweb.com/html/canvas/shop-1-right-sidebar.html) showing "Out of Stock".
I wondered if there is a way of having the same overlay text, but as a button, on a popped-up gallery image? (e.g. the images here http://themes.semicolonweb.com/html/canvas/gallery.html when they have been clicked on)
Hello,
Overlay Content inside the Lightbox Images (Enlarged Image) is currently not supported. You can consider using an Inline Lightbox: http://themes.semicolonweb.com/html/canvas/lightbox.html, with a Large Image and an Overlay Content to achieve this effect. Example:
<a href="#myModal1" data-lightbox="inline" class="btn btn-secondary btn-lg">Inline Modal</a>
<!-- Modal -->
<div class="modal1 mfp-hide" id="myModal1">
<div class="block mx-auto" style="max-width: 600px;">
<div class="position-relative">
<img src="images/shop/dress/3.jpg" alt="Pink Printed Dress">
<div class="sale-flash badge badge-danger p-2">Sale!</div>
</div>
</div>
</div>This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you. I settled for just including the following in the title field.
<div class='sale-flash badge badge-danger p-2'>Sale!</div>
Hello,
Okay. Whatever works for you. :)
Do let us know if we can help you with anything else.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard