Skip to main content

Art Sexy Lightbox - Picture Display

On the Alexander Furniture Agencies website, I used a Joomla extension call Art Sexy Lightbox to do the photo displays throughout their site as seen below:


Art Sexy Lightbox can be bought for $20 and is one of the first Joomla extensions that I purchased because it was easy to implement and did exactly what it said it would with a decent amount of customization.  There is a great demo site that they have set up to show you what the extension can do.


  • Displaying text below thumbnails.
    • The easiest way to create a series of thumbnails with text below each item is to create a 2 row, multi-column table.
    • On the first row of the table, put the code for Art Sexy Lightbox in each cell
      • ie.  {artsexylightbox singleImage="images/gallery/thumbs/thumb.jpg" path="images/gallery/"}{/artsexylightbox}
    • Then, on the row below, just center the text that you wish to appear under each image.  
Labels:

Comments

Post a Comment

Popular posts from this blog

How To Run Chrome From Within Notepad++

If you have recently tried to Run  Chrome from within Notepad++ recently, you've probably encountered the same issue I did.  Chrome didn't run. The fix is actually really simple.  Open up the Run box in Notepad++ and browse to your installation of Chrome. ie.  C:\Program Files\Google\Chrome\Application\Chrome.exe Select the file when you find it.  Now, the trick is: Put quotation marks around the path you see in the Run  box.  Now, put 1 space after the closing quotation mark. Type this: $(FULL_CURRENT_PATH) It'll look something like this: Click Run .  If Chrome opens, click Save and set your hotkey.
15 comments
 Developers - Read More...

Developer Note: Virtuemart - Editing the Add to Cart MooTool Popup

To edit the “Add To Cart” popup that appears when you add an item to a cart in Virtuemart, there are few files that you need to know about. These are the files to know \components\com_virtuemart\themes\default\theme.js \components\com_virtuemart\js\mootools\   - contains the files for editing the appearance of the popup. To edit the appearance of the box, edit \components\com_virtuemart\js\mootools\mooPrompt.css to change the styles as well as editing the 2 images in the directory to edit how they appear as well (close box and header-background)
8 comments
 Developers - Read More...

Divi Theme - Remove pause 'on hover' of the full width slider

In the Divi theme, open up /js/custom.js Comment out the following code (around line 144) if ( settings.slideshow && et_slides_number > 1 ) { $et_slider.hover( function() { $et_slider.addClass( 'et_slider_hovered' ); if ( typeof et_slider_timer != 'undefined' ) { clearInterval( et_slider_timer ); } }, function() { $et_slider.removeClass( 'et_slider_hovered' ); et_slider_auto_rotate(); } ); }
1 comment
 Developers - Read More...