Joomla Templates Club 406,261 posts

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#198622

Hi Guys & girls,

I need some info/tips how to ad a Joomshopping search field to the main menu (see screen shot).

Help is more then welcome,

Rain

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#538316

You need to download the joomshopping search module – make sure you pick the right one for J2.5 or J3 – http://www.webdesigner-profi.de/joomla-webdesign/joomla-shop/downloads/modules.html?lang=en

Install it, give it position slideshow2 and add a suffix “ swissa“ to the module (or whatever suffix you want)

Add to template.css

#ja-slideshow2 div.ja-moduletable.swissa{
z-index: 15;
float: right;
top: -55px;
margin-bottom: -50px;
}

and it should work….

---

Attachments:

1. 

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#538343

Hi Swissa,

Thanks for the tip and how to, it works but the position isn’t correct should be to the right of the main menu (see screen shot)

Maybe have to adjust the added CSS

#ja-slideshow2 div.ja-moduletable.Raincheck{
z-index: 15;
float: right;
top: -55px;
margin-bottom: -50px;
}

Site url: http://www.mahersphoto.ie

Grtx Rain

---

Attachments:

1. 
2. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#538346

OK

Two things…
1. You need to ensure that there is a leading space for the suffix ” Raincheck” NOT “Raincheck”. Very important. Change that and it will work for all pages except the landing page….

(always better to never use capitals in suffixes and css)

so

2. Because the first page calls slideshow the css would need to be very different. So let’s save some time and edit the layout instead. Go to Template Manager / Tiris and click on the ‘Layout’ tab. We need to edit the default layout so that slideshow2 is before slideshow just like in this image. Then it will work on every page (as long as you edit the suffix)

---

Attachments:

1. 

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#538378

Hi Swissa,

Changed the suffix to raincheck + leading space in the module and template.css
Changed the order in the default layout
Cleared/cleaned the cache

The search field moved up above the slideshow on the home page but still underneath the main menu

http://www.mahersphoto.ie

Thanks for your help btw.

Rain

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#538414

css is wrong – you have a space before raincheck.
(You need a space before within the module but not in the css)

should be

#ja-slideshow2 div.ja-moduletable.raincheck{
z-index: 15;
float: right;
top: -55px;
margin-bottom: -50px;
}

and then it will work! 🙂

1 user says Thank You to swissa for this useful post

1. Rick Bisschop

[Rick Bisschop Friend Rick BisschopJoin date: September 2014Posts: 120Downloads:0Uploads:47 Thanks: 31 Thanked: 9 times in 1 posts]

#538442

Hi Swissa,

My wrong thought had to ad the leading space before the suffix in the css as well, as suggested removed the leading space and voila like you said it’s perfect now.

Big thank you!

Rain

[Author]

Posts