Docs

[mdmason23]

Hello,

There are a few editing issues I’d like changed on my website and was hoping you could help:

1) I have added several essential grid elements on my custom store page (https://www.taiyaz.com/store/). The first grid is located under the “Jewelry for Her” heading. When you hover over the images, the product title and price appears below the listing. I would like the title and price (and the border around everything) to show all of the time, not just on the hover.

I did create a custom skin (Taiyaz custom), and have tried to change the settings in the skin editor, but I still can’t seem to get the product title and price to show all of the time.

2) I would like the to use the same fonts in essential grid as I do on the rest of my website, but there are only a few options available in the drop-down in the essential grid skin editor. Is there some custom CSS that I can add to change the font on the add-to-cart button, product title and price in essential grid?

3) I have decided to show my product categories on my WooCommerce shop page (https://www.taiyaz.com/shop/). I would like the images to appear like thumbnails with the border around them. How do I do this?

4) Also on the shop page, I would like the product category titles to be centered under the images.

5) On the shop page (again), how can I remove the yellow highlighting where it shows the number of products in each category?

6) After clicking on any of the product category images on the shop page, you are directed to a category page, and the title is always “Category Archive”. Is there a way to customize the page title to suit the category that is being viewed? So, when viewing the fashion category (https://www.taiyaz.com/product-category/fashion/), I’d like the page title to say “Fashion”.

7) When viewing the fashion product category page (https://www.taiyaz.com/product-category/fashion/), the product images display at different sizes. Is there a way to force the product image height so they are all the same, or do I have to make sure all the product feature images are all the same proportion?

Sorry for all the issues…I thought it best to just make a list and try to tackle everything at once.

NOTE: I currently have my website in “construction mode”, which displays a single webpage saying the website is being built. To view the complete website, and access the pages linked above, you will need to login to my admin panel. I will submit another private message with the login credentials.

Thank you,
Monique

[mdmason23]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please set Group animation to none under Layout Composition/Animation tab
Select layer and set transition to none/always visible

#2 You should add this google font, please check this link : https://www.themepunch.com/faq/adding-my-own-google-fonts/

#3,4,5,7 Please add following code in Customize -> Custom -> Global CSS :

.woocommerce ul.products li img {
    border: 2px solid #ccc;
    padding: 3px;
}
.woocommerce ul.products li h3 {
    text-align: center;
}
mark.count {
    display: none;
}

.woocommerce li.product .entry-featured {
    height: 200px;
}

#6 Please edit category and add Archive title.

Hope it helps.

[mdmason23]

Thank you so much! The only thing I couldn’t get to work is:

1) I tried these settings before, and just tried them again, but the title and price still only appear when I hover over the image. For animations, there is no “always visible” option, just none. The preview in skin editor shows the title and price always being visible, but this does not happen on the store page.

Thanks,
Monique

[Christopher]

Hi there,

I changed those settings, please clear cache on plugin and browser and check again.

Hope it helps.

[mdmason23]

Christopher,

I cleared both my browser and website cache, and I’m still only seeing the titles and price appear on the hover. I also tried in 2 different browsers (Firefox and Google Chrome) and both behaved the same way.

Any suggestions?

Thanks,
Monique

[Rad]

Hi there,

From your Essential Grid, find the Grid Layout option from Grid Settings > Layout then change it to Masonry. It’s currently set to Even.

Thanks!

[Author]

Posts