You are here:  » Title, keywords , description and others


Title, keywords , description and others

Submitted by telebay34 on Sun, 2012-12-16 10:38 in

Hello and Thanks for the help so far. You have got a very powerful script!

I have some questions

1--I am using the yoast plugin for seo. I can see the keywords and description, but the title is always the same for all-which is the title of my homepage and the "shopping "page,

2-- How do i reduce the description of the products displayed to the first 100 words

3-- For the "Price" and the "more information" of the merchants or "best price" of the products displayed -is there anyway to make it distinct and more visible,bold,the font size, color, etc. Also the "visit store" appears to be in line with the price of the merchant

4--which style sheet controls the product display in the wordpress

5--How do i modify the merchant category already displayed-should i do that from the feed?
Thanks

Submitted by support on Sun, 2012-12-16 12:20

Hi Telebay,

Thanks for your comments!

Re: 1/
If you go wp-admin > Settings > PriceTapestry.org and under the Advanced section set Header Exclusivity to TRUE that should prevent other plugins from overriding the title etc.

Re 2/
The plugin has a built-in tidy substring function (used for truncated descriptions in search results) that breaks on the first space after a specified number of characters; so if you wanted to use this on the main product page also, in pto_product.php look for the following code around line 316:

  $html_product = str_replace("%DESCRIPTION%",$product->description,$html_product);

...and REPLACE with:

  $html_product = str_replace("%DESCRIPTION%",pto_common_substr($product->description,500),$html_product);

(i've used a length of 500 assuming an average word length of 5 characters)

Re: 3/4/
The plugin includes a CSS file /wp-content/plugins/pto/resources/pto.css through which you can control all aspects of the output. You'll find plenty of class selectors already in place for the various sections. To highlight a specific item, for example where the price is displayed in search results, in your Search Results / Each template (wp-admin > Settings > PriceTapestry.org) look for %PRICE% and wrap that within a span, e.g.

%PRICE%

Then in your resources/pto.css file, add the class definition as required, e.g.

.pto_price {
  color: blue;
  font-size: 14px;
}

Before styling individual elements you might want to experiment with the general font sizes set in the default resources/pto.css, for example for search results you'll find the following CSS starting at line 51:

.pto_search {
  font-size: x-small;
}

...since this works well with the default WordPress theme, but may not be so appropriate with your theme. Regarding Visit Store alignment, if you're still not sure regarding styling / position considering the above if you could perhaps create an example of how it's currently appearing I'll take a look (or if it's possible to post a link to a page showing the problem - i'll remove it before publishing your reply) - i'll check it out for you.

Don't forget after making changes to CSS to do a hard refresh (normally CTRL+F5) in your browser to ensure that all resources are reloaded.

Re: 5/

To modify a merchant's category, use Category Mapping within /pt/admin/

Hope this helps!

Cheers,
David.
--
PriceTapestry.com

Submitted by telebay34 on Sun, 2012-12-16 18:53

Thanks David,

1-I still have not been able to get the Title right. Each time i set the Header Exclusivity to TRUE, the website theme become very large and doesn't look nice.

2-If you look at the product display e.g {link saved}

you will see that the "price" and "visit store" appears very close together. Is there anyway I can space them with the "visit store a bit further away from the price

2- When i click on the Order By: Relevance Price: Low to High, High to Low, i get broken links and i get totally away from the site.

3- do you know anyway i can introduce a button on the "visit store" instead. e.g see example {link saved}

thanks

Submitted by support on Mon, 2012-12-17 12:16

Hi telebay,

I see you're making good progress with your site - looks great!

Regarding headers, enabling Header Exclusivity does mean that if your theme relies on header hooks for the complete insertion of all headers necessary for your template they would not then be displayed on product pages.

I am making good progress at an update to PriceTapestry.org for WordPress that resolves this issue and I will expedite release of an upgrade that includes additional hooks to return the virtual page name etc. to other plugins that request the current page title (this is why the title ends up as "Shopping" which is the name of the container page). I may follow up by email if that would be OK with a patch for your to try.

In the mean time, there is a straight forward mod that enables you to "put back" headers removed when using Header Exclusivity. To do this, first view the source of the product page being generated as it stands (use your browser's View > Page Source menu option) and copy everything between the <head>...</head> tags into a text editor.

Next, re-enable Header Exclusivity, and perform the same process again into a second text editor window. Finally, edit the first version and by comparison with the second remove any lines that remain present with Header Exclusivity enabled, and save this file as /pt/header.txt

Finally, to include this supplementary header file on virtual plugin generated pages; look for the following code 175 of pto.php:

  global $pto_html_product_description;

...and REPLACE with:

  global $pto_html_product_description;
  global $pto_config_headerExclusivity;
  global $pto_config_externalPath;
  if ($pto_config_headerExclusivity)
  {
    print file_get_contents($pto_config_externalPath."header.txt");
  }

Re: 2(a)/

I think the first thing to try here would be padding on the table cells of the price comparison table. In resources/pto.css look for the .pto_prices td class definition around line 96:

.pto_prices td {
  vertical-align: middle;
}

...and REPLACE with:

.pto_prices td {
  vertical-align: middle;
  padding: 10px;
}

That may tidy things up significantly, and will also make clearer how text / img alignment within the table cells is being affected by your higher level template CSS...

Re: 2(b)/
I've checked your site and seen the broken links - they don't appear have the leading "/" in the absolute URL so this would indicate that is is missing in the wp-admin > Settings > PriceTapestry.org setting for the Container Permalinks. Check that it is

/shopping

...and that should be all it is.

Re: 3/

Looks like you've got images in place of text links now but if you're still not sure of course just let me know...

All the best,

Cheers,
David.
--
PriceTapestry.com

Submitted by telebay34 on Sat, 2012-12-22 18:24

Hello David

Site is going on well but still having problems with the header connectivity.

1-I think I have been able to resolve it in this website {link saved} but when i duplicated the hack to use for another website with the same theme, i could'nt see the "title" of the product when I viewed the source code=view-source code . I will be using one theme for now. could you please give me a way i can adopt it for all site whilst using just the same theme .

2-please what can i do to widen the side widget "search boxes" see here {link saved}.

3-- Any idea on how i can change the colour of the buttons -"more information" and "compare" to distinguish them from the site body including the prices on top. i did try to some work there but I am stuck

I am trying to customise this particular theme to work well with the plugin as I will be using it for most of my sites.

Thank you very much
T

Submitted by support on Sun, 2012-12-23 11:13

Hi telebay!

Site looking great so far!

Re: 1/
I noticed that there was no <title> tag on the product pages using your new theme so I viewed /pt/header.txt which I think is too verbose and is removing the dynamically set headers - I'll email you a cut down version that should do the trick in a few moments...

Re: 2/
The widgets themselves don't by default set a width, so this would be inherited from the containing <div> of your theme. Viewing the source of your example page, I see this HTML surrounding the right-hand sidebar widget area in use:

<div id="sidebar" class="grid_8">
  <div id="sidebarSubnav">

...so check in your theme's CSS for a width defined by either #sidebar, #sidebarSubnav or .grid_8 - I think one of those should be the place...

Re: 3/
I've always found that an exclusive class for buttons that you wish to style works best rather than defining a generic override for {selector} .input. Firstly, in your modified Search Results / Each template (wp-admin > Settings > PriceTapestry.org) where you have create the submit button, alongside type="Submit" add a suitable class name e.g.

type="Submit" class='pto_searchSubmit'

And then in your wp-content/plugins/pto/resources/pto.css

.pto_searchSubmit {
  background-color: #aabbcc;
}

...or as required!

Hope this helps!

Cheers,
David.
--
PriceTapestry.com