Problems after update of X and Cornerstone

Support
#21

I have tried that and it still opens the image full screen, but now in a lightbox.

What I would like, if possible, is to retain the functionality of the previous gallery. Click this link and you will see what was happening;

You will see that the images all display as square. When you click one of the thumbnails the image displays in the main image window and does not open up full screen. Is it possible for me to retain this functionality? I also notice that all images are displayed as thumbnails below the main image, but now the first image is not displayed as a thumbnail.

#22

That is not possible because WooCommerce changed their lightbox. What you need would require drastic changes so that would be outside the scope of our support.

Regarding the thumbnails, WooCommerce also changed that. What’s new in X is that it added some style to the gallery (upper left small gallery images). That can be overriden by the code I have give previously.

Thank you for understanding.

#23

As all I am using woocommerce for is to display products in a catalogue, without prices. Is it possible for me to keep using the old version of woocommerce but update X and cornerstone and keep the current functionality?

#24

No, because X and Cornerstone was updated to be compatible with the new WooCommerce. You may stay with the old version but we could not guarantee compatibility.

#25

Ok thanks for explaining things to me.

I am really not sure what to do. I really like the functionality that I previously had but want the site to be using the latest versions.

Do you think we could make the display of images look good using the new versions? What I am not liking is the way the thumbnails are really small and in the main display image.

#26

Please add this to Appearance > Theme Options > Global CSS.

.woocommerce-product-gallery .flex-control-nav {
	position: relative;
	text-align: left;
	padding: 1em 0
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
    height: 2em;
}

Adjust height: 2em; as per your needs.

Further customization from here would be getting into custom development.

Thanks.

#27

I think I am going to have to just stick using the old versions, as I really dislike the way that the images display in the new. When you change the size of the screen the images really don’t work using the new system, you end up with part of the image being cropped or displaying part of the next image in the slider.

Sad that woo has chosen to make the image display get a lot worse. Thank you for your help understanding what the issue is.

#28

You’re welcome, Mark.

#29

I have just had another thought on this issue. Is there any way of making the main image box in the new woocommerce be responsive? As in the image size reduces according to the screen size, always showing the whole image and not part of additional ones (next image in the slider).

#30

I see the issue when resizing the screen. I post this to our issue tracker to see if this is a bug since this does not happen when the page first loads. What I mean is, if you view the site in a mobile device, this does not happen because you’re not resizing the screen on the fly. This currently has no solution so you will need to disable the slider for now if this is important for your project.

Thanks

1 Like
#31

I have managed to convince my client that to move over to the new way that the images will be displayed, so at least I will finally now be able to get things updated. :slight_smile:

#32

Glad you’ve sorted out a resolution. :slight_smile:

#33

Just to let you know I have now updated the live website to the latest versions of everything and all appears to be working correctly. Thanks for your help. :slight_smile:

#34

Glad to hear that and you’re most welcome. :slight_smile:

#35

One issue that I have noticed since I have updated is that the fonts for heading and body are no longer set in the options, but rather via the templates section. The problem that I have is that both fonts previously used are now both set as Helvetica.

Is there any way for me to be able to see what fonts were originally used when the site was first built?

#36

Hi there,

Unfortunately, there is no other way but to check the old site and compare the font. The new one uses different font system and option naming which is different from the old font system.

Thanks.

#37

It’s okay I worked it out for myself. By accessing the customiser via appearance I can see that the original fonts are still listed in the typography setting there. :slight_smile:

#38

Thanks for letting us know!

#39

Hi,

I have been updating the blog section on this site using cornerstone to lay the pages out. The is no problem if I add text or images to the pages directly, but if I add a section for some reason the content is margined in on the left and right.

How can I make it that adding a section happens without any margin?

I am freaking things currently by adding -3 to the padding on the left and right and would prefer not to do so.

Thanks,

Mark

#40

Hi Mark,

You just need to turn off your row element inner container.

See screenshot