Topic: Single Product Image Display « SeaTheme

Tagged: single product display, woocommerce

This topic has 9 replies, 2 voices, and was last updated 10 years, 7 months ago by catvine.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
October 21, 2015 at 5:14 pm #8686

catvine
Participant

Hi,

How would I remove the slider that shows for gallery images on a single product in Woocommerce? I would rather have the standard display of one large image with the smaller ones underneath (default woocommerce behaviour).

Thanks

WordPress Customization Service from $49 Only! Save your expensive time!

October 22, 2015 at 1:14 am #8692

SeaTheme
Keymaster

Purchased
Expired

Hi,

I’ll reply later.

Cheers!
Bwsm – uiueux.com

WordPress Customization Service from $49 Only! Save your expensive time!

October 22, 2015 at 4:17 am #8701
SeaTheme
Keymaster

Purchased
Expired
Please login wp-admin, go to Aside / General Settings / Custom Css
Paste the style code to Custom Css:
```
.product-wrap .slides { margin-left: -10px; }
.product-wrap .slides > li {width: 33.3333%;   display: inline-block;    padding-left: 10px;    padding-top: 10px; }
```
– download the file, unzip it
– login FTP, go to: themes/aside/
– upload / replace: woocommerce/single-product/product-image.php
WordPress Customization Service from $49 Only! Save your expensive time!

October 22, 2015 at 12:00 pm #8708

catvine
Participant

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

October 23, 2015 at 9:40 am #8721

catvine
Participant

Thanks that looks nice.

Now last question on this – about the lightbox – is there anyway to be able to scroll through all the product images once the lightbox is open instead of having to close and open each one individually?

Thank you.

WordPress Customization Service from $49 Only! Save your expensive time!

October 23, 2015 at 10:34 am #8722

SeaTheme
Keymaster

Purchased
Expired

Please try to use this product-image.php file.

WordPress Customization Service from $49 Only! Save your expensive time!

October 23, 2015 at 1:19 pm #8731

catvine
Participant

Oh that’s perfect, thank you so much for the quick response.

WordPress Customization Service from $49 Only! Save your expensive time!

October 26, 2015 at 9:17 am #8762
catvine
Participant
Hello again

My client has asked me to change the position of the navigation arrows on the lightbox, and also to start it maximised by default.

Investigating this I can see in the Lightbox Evolution documentation I need to add “lightbox[maximized]=true” after the url to the file.

so updating line 14 in the last file you provided:
```
<a data-rel="<?php the_ID(); ?>" href="<?php echo wp_get_attachment_url(get_post_thumbnail_id(get_the_ID(), 'full')); ?>?lightbox[maximized]=true" class="lightbox"><?php echo get_the_post_thumbnail(get_the_ID(), 'image-thumb-1', array('class' => 'product-slider-image')); ?></a>
```
Is this correct?

Also I see the lightbox offers several themes, we would prefer to use the “evolution” theme, but I am not sure how to change this in your theme.

Please advise
Thanks
WordPress Customization Service from $49 Only! Save your expensive time!

October 26, 2015 at 12:24 pm #8763

SeaTheme
Keymaster

Purchased
Expired

Hi

– yes

– find theme folder in FTP ../functions/interface/interface-register.php, line 157
'src' => UX_LOCAL_URL. '/js/lightbox/themes/default/jquery.lightbox.css',
update to:
'src' => UX_LOCAL_URL. '/js/lightbox/themes/evolution/jquery.lightbox.css',

Cheers!
Bwsm – uiueux.com

WordPress Customization Service from $49 Only! Save your expensive time!

October 26, 2015 at 1:33 pm #8765

catvine
Participant

Perfect! thank you so much

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.