Large Title text in shop page and removing 'Select Options"/"Show Details" hover « Support Forum | Kriesi.at

Support Forum » Flashlight

Large Title text in shop page and removing 'Select Options"/"Show Details" hover

4 posts from 3 voices

Started 10 months ago by MattTarrant
Latest reply from Dude
This topic is not a support question

Tags:

font

MattTarrant
Member

Hey

I need to know how to:

1. Reduce the text size in the title of ALL my current and future products in the 'SHOP' page

2. Remove the 'Select Options" and "Show Details" options when hovering over a product.
Can this be replaced with something else? E.g. When hovering over can you get a replacement image?

3. How do you change it so when selecting an image to be the display picture of each individual product without it being cropped?

View the issue at: http://ancestryclothing.com/shop/ "ALL PRODUCTS" is the text I need to reduce, along with the title of every product within the shop - see: http://ancestryclothing.com/shop/dead-kings-singlet/ for example

Cheers

Posted 10 months ago #
Dude
Dude
1) Use following code to deacrease the headline size - add it to css/custom.css or the quick css field:
```
#top.woocommerce .post-title.big_title{
font-size: 15px;
}
```
2) You can change the link cpations and the link targets) but it's not easily possible to use a replacement image. The code can be found in woocommerce-config/config.php:
```
echo $link;
		echo "<a class='button show_details_button $extraClass' href='".get_permalink($post->ID)."'>".__('Show Details','avia_framework')."</a>";
```
3) WP crops the images automatically if they're bigger than the required thumbnail size and if their aspect ratio doesn't fit the aspect ratio of the thumbnail image. You can change the image dimensions in functions.php (I'd change the height only because a different width can break the layout. This allows you to adjust the aspect ratio of your preview images. Afterwards regenerate the images with: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Posted 10 months ago #
RevNelson
Member

I'm very close to a solution after playing around with the solutions offered over at:

http://www.kriesi.at/support/topic/how-to-hide-add-to-card-and-show-details

However, no matter which lines I uncomment comment in the PHP modification, I can't get the thumbnail to be a link to the product AND have the 'Show Details' OR 'View Options' hover links appear. I don't care which one, just one of them would be nice.

I don't have anything relevant in my QuickCSS, just the woocommerce-config>config.php file modifications.

Posted 9 months ago #

Dude
Dude

Try to replace following code in flashlight/woocommerce-config/config.php:

echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' );

with:

echo "<a href='".get_permalink($post->ID)."'>";
echo get_the_post_thumbnail( get_the_ID(), 'shop_catalog' );
echo "</a>";

Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Large Title text in shop page and removing 'Select Options"/"Show Details" hover

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…