Datafeedr Support Forums

Datafeedr Support Forums (/index.php)
-   Questions (/forumdisplay.php?f=67)
-   -   Several problems with setting up site. (/showthread.php?t=8645)

Aichels February 23rd, 2013 03:16 PM

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

Eric February 23rd, 2013 03:51 PM

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

Aichels March 7th, 2013 05:54 AM

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?

Eric March 7th, 2013 07:56 AM

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

Aichels March 7th, 2013 08:58 AM

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?

Eric March 7th, 2013 09:11 AM

Quote:

Originally Posted by Aichels (Post 40358)
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 (Post 40358)
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 (Post 40358)
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

Aichels March 7th, 2013 11:36 AM

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.

Eric March 7th, 2013 11:53 AM

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;
}


Aichels March 8th, 2013 01:18 PM

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

Eric March 8th, 2013 01:33 PM

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; }

Aichels March 9th, 2013 04:44 AM

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. :)

Eric March 9th, 2013 08:23 AM

Thanks! :) Glad you got everything working.


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.