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 February 23rd, 2013, 03:16 PM
Aichels Aichels is offline
 
Join Date: Feb 2013
Posts: 77
Default Several problems with setting up site.

Hi,

I have some issues with setting up my site. Can you please help me.

1) Products are showing in my slider. How to remove them?
2) I can't change color of my H3. I tried Custom CSS with H3{color:red} but no luck.
3) Have empty spaces in product page.
4) How to remove frame around products?
5) How to increase size of images?


Website URL: http://www.fashion-drop.com/store
  #2  
Old February 23rd, 2013, 03:51 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

Welcome to the forums!

1. Can you copy and paste the code responsible for displaying the slider into this thread? If you're not sure which code is responsible, just ask WooThemes. They will be able to tell you the code that is responsible for displaying the slider.

2. I don't see any H3 tags on your site. But if h3 { color: red; } doesn't work, try h3 a { color: red; }

3. What extra space are you referring to? Please provide the URL to the page you see the extra space.

4. Adding this to your Custom CSS should take care of it: #view .pl .t1 .bdr { border: 0; }

5. On what page? Store front page, category page, product detail page, other?

Here are some basics on a few things:

Adding Custom CSS:
http://www.datafeedr.com/videos?vide...rc=yt#videotop


Making CSS edits using Firebug:
http://www.datafeedr.com/videos?video=firebug#videotop (This makes editing CSS much, much easier)


I see you've changed your product titles from h2 tags to h6 tags. This typically will break your layout unless you have updated your CSS to match your corresponding changes. Here's how to accomodate your HTML changes:
/show...0166#post20166
/showthread.php?t=3584


Here's how to change image sizes on your Product Detail pages:
http://www.datafeedr.com/docs/item/171


Here are a few posts covering how to change product image sizes in Product lists such as on your store's Category pages:
/showthread.php?t=7441
/show...3035#post33035

Eric
  #3  
Old March 7th, 2013, 05:54 AM
Aichels Aichels is offline
 
Join Date: Feb 2013
Posts: 77
Default

Hi,

1) My slider is called "Cycle" so went in editor and copied cycle.php. Is it right code?

<?php
global $post;
$pid = (isset($post->ID)) ? $post->ID : NULL;

if (is_home())
{
$pid = get_option("page_for_posts");
}
global $wp_query;
$current_term = $wp_query->get_queried_object();

// taxonomy page
if( (is_tax() || is_tag() || is_category()) && $current_term && get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider", true))
{
$slider_cat = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_cat", true);
$slider_count = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_count", true);
}
//post page
elseif( !is_tax() && !is_tag() && !is_category() && get_post_meta($pid, SHORTNAME . "_post_slider", true))
{
$slider_cat = get_post_meta($pid, SHORTNAME . "_post_slider_cat", true);
$slider_count = get_post_meta($pid, SHORTNAME . "_post_slider_count", true);
}
//global slideshow settings
elseif(is_post_type_archive( 'product' ) && $shop_page_id = get_shop_page_id())
{
$slider_cat = get_post_meta($shop_page_id, SHORTNAME . "_post_slider_cat", true);
$slider_count = get_post_meta($shop_page_id, SHORTNAME . "_post_slider_count", true);
}
else
{
$slider_cat = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::CATEGORY);
$slider_count = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::COUNT);
}

$args = array(
'post_type' => Custom_Posts_Type_Slideshow::POST_TYPE,
'post_status' => 'publish',
'posts_per_page' => $slider_count,
'order' => 'DESC',
'tax_query' => array(
array(
'taxonomy' => Custom_Posts_Type_Slideshow::TAXONOMY,
'field' => 'slug',
'terms' => $slider_cat
)));

$slider_query = new WP_Query($args);

if ($slider_query->have_posts()) :
wp_enqueue_script('jcycle');

if( (is_tax() || is_tag() || is_category()) && $current_term && get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider", true))
{
$fx = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_effect", true);
$timeout = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_timeout", true);
$speed = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_speed", true);
$pause = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_pause", true);
$autoscroll = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_autoscroll", true);
$fixedheight= get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_fixedheight", true);
$padding = get_tax_meta($current_term->term_id, SHORTNAME . "_tax_slider_padding", true);

}
elseif( !is_tax() && !is_tag() && !is_category() && get_post_meta($pid, SHORTNAME . "_post_slider", true))
{
$fx = get_post_meta($pid, SHORTNAME . "_post_slider_effect", true);
$timeout = get_post_meta($pid, SHORTNAME . "_post_slider_timeout", true);
$speed = get_post_meta($pid, SHORTNAME . "_post_slider_speed", true);
$pause = get_post_meta($pid, SHORTNAME . "_post_slider_pause", true);
$autoscroll = get_post_meta($pid, SHORTNAME . "_post_slider_autoscroll", true);
$fixedheight= get_post_meta($pid, SHORTNAME . "_post_slider_fixedheight", true);
$padding = get_post_meta($pid, SHORTNAME . "_post_slider_padding", true);
}
else
{
$fx = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::EFFECT);
$timeout = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::TIMEOUT);
$speed = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::SPEED);
$pause = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::PAUSE);
$autoscroll = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::AUTOSCROLL);
$fixedheight= get_option(SHORTNAME . Admin_Theme_Item_Slideshow::FIXEDHEIGHT);
$padding = get_option(SHORTNAME . Admin_Theme_Item_Slideshow::PADDING);

}
?>
<script>
var slider_fx = '<?php echo $fx; ?>';
var slider_timeout = <?php echo $timeout; ?>;
var slider_speed = <?php echo $speed; ?>;
var slider_pause = <?php echo (int)!!$pause; ?>;
var autoscroll = <?php echo (int)!!$autoscroll; ?>;
var slider_fixedheight = <?php echo (preg_replace ( '/[^0-9]/', '', $fixedheight ))?preg_replace ( '/[^0-9]/', '', $fixedheight ):'420'; ?>;
var slider_padding = <?php echo (int)!!$padding; ?>;
</script>
<div class="jcycl_wrap">
<a class="jc-prev" href="#"><span>prev</span></a>
<a class="jc-next" href="#"><span>next</span></a>
<div id="jcyclemain">
<?php
while ($slider_query->have_posts()) : $slider_query->the_post();

$cycle_position = (get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_position", true) ) ? get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_position", true) : 'right';
$slider_title = (get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_title", true) ) ? get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_title", true) : NULL;
$slider_frame = (get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_frame", true) ) ? ' hide_frame' : NULL;
$link = (get_post_meta($post->ID, SHORTNAME . "_sliders_link", true) ) ? get_post_meta($post->ID, SHORTNAME . "_sliders_link", true) : NULL;
$btntxt = (get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_btntxt", true) ) ? get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_btntxt", true) : NULL;
$usebg = (get_post_meta($post->ID, SHORTNAME . "_slidebg", true) ) ? get_post_meta($post->ID, SHORTNAME . "_slidebg", true) : NULL;
$usebg_stretch = (get_post_meta($post->ID, SHORTNAME . "_slidebg_stretch", true) ) ? get_post_meta($post->ID, SHORTNAME . "_slidebg_stretch", true) : NULL;
$slidebg_width = (get_post_meta($post->ID, SHORTNAME . "_slidebg_width", true) ) ? get_post_meta($post->ID, SHORTNAME . "_slidebg_width", true) : NULL;
$slidebg_repeat = (get_post_meta($post->ID, SHORTNAME . "_slidebg_repeat", true) ) ? get_post_meta($post->ID, SHORTNAME . "_slidebg_repeat", true) : NULL;
$slidebg_positiony = (get_post_meta($post->ID, SHORTNAME . "_slidebg_positiony", true) ) ? get_post_meta($post->ID, SHORTNAME . "_slidebg_positiony", true) : NULL;
$slidebg_positionx = (get_post_meta($post->ID, SHORTNAME . "_slidebg_positionx", true) ) ? get_post_meta($post->ID, SHORTNAME . "_slidebg_positionx", true) : NULL;
$content_align = (get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_content_align", true) ) ? get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_content_align", true) : NULL;
$content_vertical = (get_post_meta($post->ID, SHORTNAME . "_sliders_cycle_content_vertical", true) ) ? 'content_vertical' : NULL;
$slideshow_height = (preg_replace ( '/[^0-9]/', '', $fixedheight ))?preg_replace ( '/[^0-9]/', '', $fixedheight ):'420';
$slidebg = NULL;

if(has_post_thumbnail()) :

$post_thumbnail_id = get_post_thumbnail_id( $post->ID );

$image_attributes = wp_get_attachment_image_src($post_thumbnail_id, 'full');

$slidebg = 'style="background-image:url('.$image_attributes[0].')" data-slidesize="'.$image_attributes[2].'"';
endif;
?>
<div class="jcyclemain <?php echo $cycle_position.$slider_frame.' ox_slide'.$post->ID; ?>" >
<?php if ($usebg_stretch){
wp_enqueue_script('anystretch');
?>
<script>jQuery(document).ready(function() {jQuery('.ox_slide<?php echo$post->ID; ?> .bgimage').appear(function() {jQuery('.ox_slide<?php echo$post->ID; ?> .bgimage').anystretch('<?php echo $image_attributes[0] ?>',{positionX:'left',positionY:'top'});});});</script>
<?php } ?>
<div class="bgimage <?php echo ($usebg)? $slidebg_width.' '.$slidebg_repeat.' '.$slidebg_positiony.' '.$slidebg_positionx: ''; ?>" <?php echo ($usebg)? $slidebg : ''; ?> >
<div class="row_wrapper">
<div class="row">
<?php
if (has_post_thumbnail($post->ID) && ($cycle_position == 'left'))
{
if (!$usebg){
echo '<div class="grid_7 cycle_image ' . $cycle_position . '"><div class="holder">';
if ($link)
{
echo '<a href="' . $link . '" >';
}
if ($slider_frame){
get_theme_post_thumbnail($post->ID, 'full');
} else {
//get_theme_post_thumbnail($post->ID, 'cycle_side');
get_theme_slideshow_thumbnail($post->ID, 510,$slideshow_height-73);
}
if ($link)
{
echo '</a>';
}
echo '</div></div>';
} else {
echo '<div class="grid_7" style="height:1px"></div>';
}
}
?>

<?php
if ($cycle_position == 'full' && !$usebg)
{

echo '<div class="grid_12 cycle_image ' . $cycle_position . '"><div class="holder">';
if ($link)
{
echo '<a href="' . $link . '" >';
}
//get_theme_post_thumbnail($post->ID, 'cycle_full');
get_theme_slideshow_thumbnail($post->ID, 920,$slideshow_height-73);
if ($link)
{
echo '</a>';
}
echo '</div></div>';
}
else
{
?>

<div class="cycle_content cycle_col <?php echo ($cycle_position == 'empty' ) ? 'grid_12' : 'grid_5'; echo ' '.$content_align.' '.$content_vertical;?>">

<?php
if (!$slider_title)
{
?>
<h3 class="entry-title">
<?php the_title(); ?>
</h3>
<?php } ?>
<div class="entry-content">
<?php
global $more;
$more = 1;
the_content();

?>
</div>


</div>
<?php } ?>
<?php
if (has_post_thumbnail($post->ID) && ($cycle_position == 'right'))
{
if (!$usebg) {
echo '<div class="grid_7 cycle_image ' . $cycle_position . '"><div class="holder">';
if ($link)
{
echo '<a href="' . $link . '" >';
}
if ($slider_frame){
get_theme_post_thumbnail($post->ID, 'full');
} else {
//get_theme_post_thumbnail($post->ID, 'cycle_side');
get_theme_slideshow_thumbnail($post->ID, 510,$slideshow_height-73);
}
if ($link)
{
echo '</a>';
}
echo '</div></div>';
} else {
echo '<div class="grid_7" style="height:1px"></div>';
}
}
?><div class="clear"></div>
</div>
</div>
</div>
</div>
<?php
endwhile;
wp_reset_postdata();
?>
</div>
</div>
<div id="navcycle"><span></span></div>
<?php endif; ?>


2) Thank you, this worked perfectly.

3) [IMG] https://docs.google.com/file/d/0BysN...Vpc1JPUVE/edit [/IMG] As I understood this problem is because I changed h2 and h6 tags.

4) Thank you.

5) Store front page and category page.

Actually what I'm trying to reach here is to make my store look like here www.fashion-drop.com now it looks like here http://www.fashion-drop.com/store . So all I need is to increase image size, give them small frame with white background and move title next to add to cart button, that's it. Can you please help with that?

Last edited by Aichels : March 7th, 2013 at 06:05 AM.
  #4  
Old March 7th, 2013, 07:56 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Hi,

1. In your cycle.php file, change this line:
PHP Code:
the_content(); 
To this:
PHP Code:
if (!is_dfr()) { the_content(); } 
3. I'm not seeing that problem any more on your site. Did you get it fixed? If not, please send me a URL to the exact page on your site with that problem.

5. Try adding this code to your Custom CSS:

Code:
#view .pl .col3 .thmb img
{
	max-width: 150px;
	max-height: 150px;
	width: expression(this.height < this.width && this.width > 150 ? '150px' :true);
	height: expression(this.height > this.width && this.height > 150 ? '150px' :true);
}

#view .pl .col3 .thmb
{
	width: 150px;
	height: 160px;
}
Eric
  #5  
Old March 7th, 2013, 08:58 AM
Aichels Aichels is offline
 
Join Date: Feb 2013
Posts: 77
Default

Wow that is quick support!

1) Thank you. Fixed.

3) Problem occurs only when I remove borders. Check it now please.

5) Perfect! Thank you.

6) Is there a way to add to photos frame and white background and move title of product next to buy button? To get layout like here http://www.fashion-drop.com/

P.S.
I noticed that website is very slow. Is there anything I can do except cache plugin to increase website speed. Does this increase - less products in one page, smaller images?
  #6  
Old March 7th, 2013, 09:11 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Quote:
Originally Posted by Aichels View Post
3) Problem occurs only when I remove borders. Check it now please.
I'm still not seeing any problems. Can you provide an exact URL to a page having problems?

Quote:
Originally Posted by Aichels View Post
6) Is there a way to add to photos frame and white background and move title of product next to buy button? To get layout like here http://www.fashion-drop.com/
You could add the following code to your Custom CSS:
Code:
#view .thmb{
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	font-size: 11px;
	text-align: center;
	margin: 0px;
	max-width: 100%;
	width: 150px;			
}		

#view .thmb img{
	width: 100%;
	text-align: left;
	margin: 0px;
}		

#view .thmb a{
	display: block;
	background: none;
	padding: 15px 15px 13px 15px;
	margin: 0px;
}
Quote:
Originally Posted by Aichels View Post
I noticed that website is very slow. Is there anything I can do except cache plugin to increase website speed. Does this increase - less products in one page, smaller images?
Yes, I would recommend doing the following: /showthread.php?t=5770
  #7  
Old March 7th, 2013, 11:36 AM
Aichels Aichels is offline
 
Join Date: Feb 2013
Posts: 77
Default

3) http://www.fashion-drop.com/store it's also in category page. You can see it it this printsceen shot https://docs.google.com/file/d/0BysN...dKTVVrUWc/edit

6) Beautiful! Looks much better. Is there way to move product title bellow image before buy button? like here http://www.fashion-drop.com

I noticed one thing - after applying photo frame changes single product photo got much smaller.
  #8  
Old March 7th, 2013, 11:53 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

3. Adding the following Custom CSS should fix the gaps:
Code:
#view h6 {
line-height: 1.2em;
height: 2.4em;
overflow: hidden;
}
6. Yes, you can do that here: The Factory > Your Store > VIEWS > CATEGORY PAGE > Default > Product list module > Theme settings ()

Try changing the code I posted above to:
Code:
#view .pl .thmb{
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	font-size: 11px;
	text-align: center;
	margin: 0px;
	max-width: 100%;
	width: 150px;			
}		

#view .pl .thmb img{
	width: 100%;
	text-align: left;
	margin: 0px;
}		

#view .pl .thmb a{
	display: block;
	background: none;
	padding: 15px 15px 13px 15px;
	margin: 0px;
}
  #9  
Old March 8th, 2013, 01:18 PM
Aichels Aichels is offline
 
Join Date: Feb 2013
Posts: 77
Default

3) I changed height to 2.3 and it worked. Thank you.

6) Single product photo now is in previos size, but missing frame. How can increase size bigger of that photo and add also frame there? To make it look like here http://www.fashion-drop.com/product/...d-ankle-boots/

I'm not developer, but following your CSS with firebug video I managed to change some font colours and sizes. Yeee But there are some things I don't know how to change:

A - apply css to pagination like here http://www.fashion-drop.com
B - apply css to Product search box. See printscreen http://bit.ly/WavOkN
C - make space between sorting options and Go button http://bit.ly/WavOkN
  #10  
Old March 8th, 2013, 01:33 PM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

6. This code should work:
Code:
#view .sp .thmb{
	background-color: #FFFFFF;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	font-size: 11px;
	text-align: center;
	margin: 0px;
	max-width: 100%;
	width: 150px;			
}		

#view .sp .thmb img{
	width: 100%;
	text-align: left;
	margin: 0px;
}		

#view .sp .thmb a{
	display: block;
	background: none;
	padding: 15px 15px 13px 15px;
	margin: 0px;
}
A. That would involve completely rewriting the CSS provided in your theme. Unfortunately, that's beyond the support we can provide.

B. This is the same as A. That would involve a lot of custom CSS work.

C. This should work:
Code:
.dfsbmt { margin-left: 10px; }
  #11  
Old March 9th, 2013, 04:44 AM
Aichels Aichels is offline
 
Join Date: Feb 2013
Posts: 77
Default

Thank you very much Eric! Now page looks good. I just have to optimise speed and add social bookmarks, but I saw tutorials how to do it.

Great support - I will leave good feedback in Warrior forum.
  #12  
Old March 9th, 2013, 08:23 AM
Eric's Avatar
Eric Eric is offline
Datafeedr Team
 
Join Date: Feb 2008
Posts: 16,902
Default

Thanks! Glad you got everything working.
 


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
site map problems macfink Problems 11 January 31st, 2013 07:51 PM
Rebuilt site ... and having problems correcting URL settings... jenng22 Problems 3 July 10th, 2012 07:10 AM
Importing setting for another v3 site. firstprod Feature Requests 6 October 22nd, 2011 02:03 AM


All times are GMT -5. The time now is 01:15 PM.


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