[bradaetParticipant]

Hi

On our product page – http://cap-it.com.au/?product=mug-mystyle when you click a product image – it opens it in the window. Is there a way to have the product images below the main one change when clicked (to show in main image box)?

Thanks

Brad

[bradaetParticipant]

Another Question – this page is used with xTheme http://www.lessonbox.co.uk/shop/

Can you please advise how they displayed their shop like this. (Product image on top, Product Name below, and Price). I have had a lot of difficulty in setting up shop pages, and had to resort to grids. Any help or direction would be appreciated.

Thanks in advance

Brad

[LelyModerator]

Hello Brad,

Thanks for posting in. There’s an option in Woocommerce to open the image in a lightbox. We can set this to ON via Woocommerce > Settings > Products Tab > Display Tab > Enable Lightbox for product images. See attached image.

For the shop page display, that can be achieve using RENEW STACK. See this sample:http://theme.co/x/demo/shop/renew/

Hope this helps.

[bradaetParticipant]

Hi Lely

I am happy with trying to replicate the RENEW STACK shop display – but am having trouble on how to do so. Is there a template or something I am missing to set this up?

THanks

[Nabeel AModerator]

Hi again,

You can customize your shop page via Appearance > Customize > WooCommerce.

Hope this helps!

[bradaetParticipant]

Thanks, I have seen this however it doesn’t seem to help. My issues are as follows:

1 – the text size is huge
2 – the quantities are showing and are highlighted yellow (don’t want quantities)
3 – Prices are not showing
4 – cannot add a banner on top, or text above the shop (not page header)

Any help would be appreciated

[bradaetParticipant]

Also, I cannot activate the page title to show on this page only.

Basically, it seems the category pages are similar to the RENEW STACK, however the first SHOP page is not replicating the category pages.

Not sure what is happening here

[ChristopherModerator]

Hi there,

#1 Not sure which text you’re referring to? archive page or product pages?

#2 Archive page doesn’t display quantities, please clarify what you’re trying to achieve.

#3 Price is showing on both archive and product pages.

#4 To add text or image on top of archive page, add this code in Customize -> Custom -> JavaScript :

jQuery(".archive.woocommerce .x-header-landmark").append("<span>text</span><img src='http://cap-it.com.au/wp-content/uploads/2016/04/Product-Image-Mug-Girls-1.png'>");

#5 Find and remove this code :

.archive.woocommerce .x-header-landmark {
    display: none !important;
}

Hope it helps.

[bradaetParticipant]

Hi Again

The page I am referring to is the main shop landing page – the one the site goes to when you click the shop menu.

http://cap-it.com.au/?post_type=product

This is the page where I am having the most issues.

Thanks

[ChristopherModerator]

Hi there,

Please add this code:

mark.count {
    display: none;
}
li.product-category.product h3 {
    font-size: 25px;
}

Hope it helps.

[bradaetParticipant]

thanks – but where do I put this.

[bradaetParticipant]

Sorry, I found out where to put the code

[bradaetParticipant]

Thanks – this sorts out the text, now how do I change the product sizes so that they reflect the demo store?

[bradaetParticipant]

Basically what I do not understand is why the shop page has a different layout than the archive / products within a category page. Why do I need to do custom code? Shouldn’t this be automatic within xTheme? The archive pages (the ones that show all the products within each category) look good, they show the images the right size, along with correct text sizes. However the main shop page (the one that lists each category) is different. Yes the text helps, but shouldn’t this be automatic? The images are huge, and don’t reflect the rest of the pages?

[JoaoModerator]

Hi There,

Would you mind providing screenshots to clarify what you are explaining us?

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Thanks!

Joao

[Author]

Posts