Datafeedr Support Forums  

Go Back   Datafeedr Support Forums > Current Version (V3) Forum > Questions
Home Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Important - The support forums are now in "read-only" mode as we transition to an alternative help desk solution. Feel free to contact us here with any of your questions or search the forums for an existing solution.
 
 
Thread Tools Search this Thread Display Modes
  #1  
Old March 18th, 2014, 08:54 AM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default Image sizes on Storefront * Category page / Background of product cells

Store ID: 1berzqdsc5ojfwe7
Website URL: www.Offers.com.br
URL to page in question:

I checked and looked for it and even tried to implement it but it doesnt work.

1. I cant change the image sizes on store front nor in category pages, any clues of a successful implementation?

2. How can i change the background of the product cell. Right now is transparent and I would like to test a white background.

Thanks for your help!
  #2  
Old March 18th, 2014, 09:32 AM
stefan stefan is offline
 
Join Date: Feb 2008
Posts: 5,901
Default

Quote:
Originally Posted by josel View Post
1. I cant change the image sizes on store front nor in category pages, any clues of a successful implementation?
Instead of displaying the thumbnail images in your product list modules you could display the bigger product images.

Go to The Factory > Your Store > VIEWS > STORE FRONT PAGE > Default > Product List

Click the icon.

Then change [product.thumbnail to [product.image and save your changes.

Do the same for The Factory > Your Store > VIEWS > CATEGORY PAGE > Default > Product List

Then click the "Update Products and Settings" button in the plugin.

Quote:
Originally Posted by josel View Post
2. How can i change the background of the product cell. Right now is transparent and I would like to test a white background.
In your theme's css file replace in the first css line background: transparent; by background: #fff;
  #3  
Old March 18th, 2014, 12:42 PM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default

hi Stefan,

thanks for your help.

i already have this code
<a href="[product.link]" title="[product.name]">[product.image tag='1']</a></div>

but its not working any ideas?

Thanks.
Jose
  #4  
Old March 18th, 2014, 12:47 PM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default

Quote:
Originally Posted by josel View Post
2. How can i change the background of the product cell. Right now is transparent and I would like to test a white background.

The background of the product cells, not the background of the whole site.

Any ideas on how to change the background of the cell?

Thanks
Jose
  #5  
Old March 18th, 2014, 03:17 PM
stefan stefan is offline
 
Join Date: Feb 2008
Posts: 5,901
Default

Quote:
Originally Posted by josel View Post

i already have this code
<a href="[product.link]" title="[product.name]">[product.image tag='1']</a></div>

but its not working any ideas?
Try adding this to your Store > Custom CSS:

Code:
/* Change size of images */
#view .pl .col3 .thmb
{
	width: 220px;
	height: 230px;
}

#view .pl .col3 .thmb img
{
	max-width: 220px;
	max-height: 220px;
}
Save and click the [Update Settings] button in the plugin to test on your site.

Play around with the above sizes until you get the size you like.
  #6  
Old March 18th, 2014, 03:35 PM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default

thanks it helped, but now some pictures are cut, any ideas?
  #7  
Old March 18th, 2014, 03:39 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

I don't see any cut pictures. They all look fine to me.

Eric
  #8  
Old March 18th, 2014, 04:19 PM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default

why does the %OFF behave misslocated? it should be on top of the picture, any ideas?
  #9  
Old March 18th, 2014, 05:33 PM
stefan stefan is offline
 
Join Date: Feb 2008
Posts: 5,901
Default

Quote:
Originally Posted by josel View Post
why does the %OFF behave misslocated? it should be on top of the picture, any ideas?
The reason why the %OFF is pushed down to the bottom in some cases is because some images are bigger in height than other images.

Try to use a lower height for your images in the css code. Start low. Check if there are any issues. If no issues slightly increase the height. Repeat until you're satisfied about the size.
  #10  
Old March 18th, 2014, 05:49 PM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default

is it possible to reduce the font size of the product title and increase the font size of the % off? thanks
  #11  
Old March 18th, 2014, 06:19 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Quote:
Originally Posted by josel View Post
Quote:
Originally Posted by josel View Post
2. How can i change the background of the product cell. Right now is transparent and I would like to test a white background.

The background of the product cells, not the background of the whole site.

Any ideas on how to change the background of the cell?

Thanks
Jose
You can add this to your Custom CSS:

Code:
#view .pl .t1 .bdr { background: red; }
  #12  
Old March 18th, 2014, 06:21 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Quote:
Originally Posted by josel View Post
is it possible to reduce the font size of the product title and increase the font size of the % off? thanks
This you can use to make the title smaller:

Code:
#view .pl .t1 .bdr h2 a
{
	font-size: 14px;
	line-height: 1.2em;
}
However since you haven't created a CSS class for your you will need to apply your font size changes inline.
  #13  
Old March 18th, 2014, 07:46 PM
josel josel is offline
 
Join Date: Feb 2014
Posts: 31
Default

thanks!
 


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I change image sizes on category pages? Michaelgs Questions 9 June 27th, 2012 03:56 PM
How to change image sizes in the product list? gundarz Questions 1 June 14th, 2012 04:00 PM
Image sizes on Product Detail pages meperez Questions 1 August 26th, 2011 07:16 PM


All times are GMT -5. The time now is 12:54 PM.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.