Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2015-10-11 18:19:31

dvdfan001
Member
Registered: 2014-04-27
Posts: 158

Customizing search page

I want to put an image on the search page

I know that search functionality is handled by the publisher settings in the admin panel.
There I can add text to appear above the search form. What do I have to do to place an image above the search form?

In search related publisher settings I have to use a search template. This template affects the appearance of the search page.

Why do I have to upload this template to a new directory under cart/templates?
The templates I can see in the dropdown menu are only coming from .../ttg-be/templates/gallery/...
and not from .../ttg-be/cart/templates/...

Anyway, the picture included in the chosen template will not appear on the search page.
Only the appearance of the grid is determined by the template I choose.
The specifications for the block and the page image assignment for the block are neglected.
Any suggestions what I`m doing wrong?

Offline

#2 2015-10-11 22:23:28

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Customizing search page

Why do I have to upload this template to a new directory under cart/templates?

You don't. Where did you see this?

Anyway, the picture included in the chosen template will not appear on the search page.
Only the appearance of the grid is determined by the template I choose.

Publisher templates are for styling only.

You can modify the text in the block's main content are in TTG-BE > Publisher Settings > Search > Search Intro. The field supports Markdown and you can include images using html.

Also, text included in the template's sidebar will appear on the search page. So you can enter text and include images via html there as well.

see my test site's search page for an example of including an image and using the sidebar
http://ce4.barbeephoto.com/search/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2015-10-12 00:26:34

dvdfan001
Member
Registered: 2014-04-27
Posts: 158

Re: Customizing search page

You don't. Where did you see this?

This is the tooltip text for TTG-BE > Publisher Settings > Search > Search Template

Offline

#4 2015-10-12 00:32:00

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Customizing search page

That must be a leftover from the original code for the cart way back when before ttg-be. Ignore it.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#5 2015-10-12 01:25:16

dvdfan001
Member
Registered: 2014-04-27
Posts: 158

Re: Customizing search page

You can modify the text in the block's main content are in TTG-BE > Publisher Settings > Search > Search Intro. The field supports Markdown and you can include images using html..

One question left:
How can I achieve that the image covers the full width of the page container?
Regardless of the values for width and height in the html tag the image only covers the width of the box for typing in the search attributes. The template used as the search template has no sidebar enabled.

P.S
I tried your test site's search page: typing in test, kicking on search all the text coming from the sidebar of the used template is going down the site. Any suggestions why? I do have the same problem.

Last edited by dvdfan001 (2015-10-12 01:44:52)

Offline

#6 2015-10-12 01:49:02

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Customizing search page

I don't think you can from just using the plug-in. You might need to use phplugins to target the search page and add some page structure before the block (a div) and add the html for the image there.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#7 2015-10-12 02:11:00

dvdfan001
Member
Registered: 2014-04-27
Posts: 158

Re: Customizing search page

OK, so I will use a template with no sidebar.
I have to achieve that the space used for the search box covers the whole width of the site.
In that case the image should also use the complete space.
Do you have an idea where to change the width of the search box?

Option B would be the following:
What do I have to do for placing the search box centered on the site?

This would be my favorite behavior.

Last edited by dvdfan001 (2015-10-12 02:13:23)

Offline

#8 2015-10-12 02:37:24

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Customizing search page

It will require custom css. Are you set up for that yet?

Try this:

#search {
    max-width: none;
    }

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#9 2015-10-12 03:50:52

dvdfan001
Member
Registered: 2014-04-27
Posts: 158

Re: Customizing search page

do you know the name of the css file I have to make the changes in?

Offline

#10 2015-10-12 04:05:28

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Customizing search page

you have to enable custom css via phplugins:
enable phplugins site wide: http://ce4.theturninggate.net/docs/doku … _phplugins
enable custom css: http://ce4.theturninggate.net/docs/doku … custom_css

I added that rule above into the custom css of my test site. Here's my new search page:
http://ce4.barbeephoto.com/search/


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#11 2015-10-16 07:39:28

Ben
Moderator
From: Melbourne, Australia
Registered: 2012-09-29
Posts: 4,399

Re: Customizing search page

rod barbee wrote:

That must be a leftover from the original code for the cart way back when before ttg-be. Ignore it.

That's right.  Well-spotted.  I've updated the working code to show this instead:

The template that controls the appearance of customer-facing search page.  Add new templates by exporting a gallery from Gallery 6.1.6 or newer and uploading into a new directory under ttg-be/templates/gallery/.

Offline

Board footer

Powered by FluxBB