Currently the background color of the collections under the shop page is grey color and it becomes dark grey when you hover. I would like to change these to white?
The limit switch and other links have this grey color background which I would like to remove. Secondly, I would like the 5A limit switches and the 10A limit switches collection to be nested under the Limit switches collection. How can I achieve this?
Thank you Thao. I need some more information, I do not want a drop down menu on the main navigation bar. Just a shop button which takes me to the collections. Currently it shows me a drop down menu with all the collections under it. How can I set it up to remove the drop down and just take me to the collections upon clicking.
Maybe something you misunderstood so we'll discuss to make you understand it.
The landing page has landing templates. If you want to create a list collection, you can create a landing page which has almost collections in there.
The tree-category in video is the navigation for landing page.
Level 1 is landing pages and children of level 1 is collections in this landing pages.
"Collection Page (Landing)" theme settings will get the collections in this navigation to show in landing page.
And if you want "a shop button which takes me to the collections" and 2 collections 5A, 10A nested under Limit switcher collection, it seem you need to create 2 landing pages. The big landing page is almost of collections except 5A and 10A. The another landing page is Limit switches collection and this landing page has 2 collections: 5A and 10A.
So a shop button which takes me to the collections is just a button to the big landing page.
Thank you for your explanation. I have understood it now.
I would also like to remove the grey background color on the images on the collection page and also the product count. How can I do this? Attached is image
and we can help you exchange position of page title like this sreenshot below by the guide in last email.
If you want to move the page title under this section, we can't support it. Because our theme has section "Page title", if we move collection title under this section, it won't be nice.
I do not want to change the position of the page title. It can remain in the original position. Under shop page, we have many collections, I want to alter the position of the collection title to under the image. Please see my attachment here.
Currently the background color of the collections under the shop page is grey color and it becomes dark grey when you hover. I would like to change these to white?
Hi abbasshabbir,
Can you send me the site url please so I can check it?
Best regards,
Thao
Hello Please see the link below:
https://dulec.myshopify.com/collections
The limit switch and other links have this grey color background which I would like to remove. Secondly, I would like the 5A limit switches and the 10A limit switches collection to be nested under the Limit switches collection. How can I achieve this?
Hi abbasshabbir,
About creating landing page, you can read more our document:
http://themes.magesolution.com/shopify/amely/docs/index.html#collection_landing_settings
and you can see this video:
https://www.loom.com/share/edd74ff4ba8646d49a835337d2fb92ee
Best regards,
Thao
Thank you Thao. I need some more information, I do not want a drop down menu on the main navigation bar. Just a shop button which takes me to the collections. Currently it shows me a drop down menu with all the collections under it. How can I set it up to remove the drop down and just take me to the collections upon clicking.
Hi abbasshabbir,
Maybe something you misunderstood so we'll discuss to make you understand it.
The landing page has landing templates. If you want to create a list collection, you can create a landing page which has almost collections in there.
The tree-category in video is the navigation for landing page.
Level 1 is landing pages and children of level 1 is collections in this landing pages.
"Collection Page (Landing)" theme settings will get the collections in this navigation to show in landing page.
And if you want "a shop button which takes me to the collections" and 2 collections 5A, 10A nested under Limit switcher collection, it seem you need to create 2 landing pages. The big landing page is almost of collections except 5A and 10A. The another landing page is Limit switches collection and this landing page has 2 collections: 5A and 10A.
So a shop button which takes me to the collections is just a button to the big landing page.
Hope it help you.
Best regards,
Thao
Thank you for your explanation. I have understood it now.
I would also like to remove the grey background color on the images on the collection page and also the product count. How can I do this? Attached is image
Hi abbasshabbir,
To remove the grey background color and product count, please follow these steps:
1. From Admin - Online Store - Themes - Actions - Edit code
2. Open file Assets/gps-collection.scss.liquid
3. Scroll to the end of file and add this code below into file.
.gp-collection-landing .landing-categories--item { .landing-categories--thumb img { filter: brightness(1); -webkit-filter: brightness(1); } .landing-categories-detail { display: none; } }It will become like this screenshot: https://prnt.sc/ruj7mj
4. Click Save to save the updates and check the front end.
Best regards,
Thao
Dear Thao
The background color is gone however the product count has moved to below the image now, please see the following link:
https://dulec.myshopify.com/collections/products
Hi abbasshabbir,
I've checked it and it has a bug. Can you show me the screenshot about this code you add please?
Best regards,
Thao
Yes there was one bug which i fixed however the background color is back now. Here is the picture of the code
Hi abbasshabbir,
You should add this code in the end of file. It's not above " } ".
Code like this screenshot:
If it's not fixed, replace the piece of code below by this code below:
.gp-collection-landing .landing-categories--item .landing-categories--thumb img { filter: brightness(1); -webkit-filter: brightness(1); } .gp-collection-landing .landing-categories--item .landing-categories-detail { display: none; }Best regards,
Thao
Thank you it worked!
I would also like to move the collection title from top of the image to under the image. Can you confirm the code for this?
For example I would like it to be like:
http://www.hatco.ae/products
Currently it is
https://dulec.myshopify.com/collections/products
Hi abbasshabbir,
Sorry for the inconvenience but we can exchange position of product title like this screenshot.
If you need this, you can follow these steps:
1. From Admin - Online Store - Themes - Edit code
2. Open file Snippets/gp-page-tittle.liquid
3. Change code in line 16
to line 2
4.Click Save to save the updates and check the front end.
Best regards,
Shopify Team
Sorry I think I was not clear, please see attached image. I want to move the collection title which is on the image link to below it
Hi abbasshabbir,
Our theme has page title like this
and we can help you exchange position of page title like this sreenshot below by the guide in last email.
If you want to move the page title under this section, we can't support it. Because our theme has section "Page title", if we move collection title under this section, it won't be nice.
We hope that you would understand.
Best regards,
Shopify Team
Dear Thao
I do not want to change the position of the page title. It can remain in the original position. Under shop page, we have many collections, I want to alter the position of the collection title to under the image. Please see my attachment here.
Hi abbasshabbir,
Sorry, I misunderstood what you meant.
To change position, please follow these steps:
1. From Admin - Online Store - Themes - Actions - Edit code
2. Open file Snippets/gp-template-collection-landing-grid.liquid
3. Remove this code in line 23
4. In line 29, enter to make a newline and add this code below
<h4 class="title text-center margin-bottom30">{{ childCollection.title }}</h4>
and it'll become like this screenshot below
5. Click Save to save the updates
Best regards,
Thao