Return to previous page

Products on home page are in rows not columns(Legenda)

This topic has 13 replies, 4 voices, and was last updated 9 years ago ago by Brian Johnson

ashu16jain

Participant

November 2, 2015 at 16:12

My products are not visible on home page. I have used these functions: [featured_products per_page\"12\" columns\"4\" orderby\"\" order\"\"][/vc_column][/vc_row][vc_row][vc_column][featured_products per_page\"12\" columns\"4\" orderby\"\" order\"\"][/vc_column][/vc_row][etheme_featured title\”Featured Products\” limit\”15\”]

The website is http://www.ikigifts.com

Now I need help for:
1. Products on home page — URGENT
2. Footer customisation (my visual composer is not working)
3. Right hidden panel products are appearing in dark theme not as in the demo website of Legenda theme
4. Products page alignment

Please help!

Please, contact administrator
for this information.

#97338 Copied

12 Answers

Eva Kemp

Support staff

November 2, 2015 at 20:07

Hello,

Please provide us with FTP and wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#97381 Copied

ashu16jain

Participant

November 2, 2015 at 21:31

Please find the credentials in the private content field

Please, contact administrator
for this information.

#97404 Copied Theme version: Legenda WooCommerce version: Version 4.3.1
Eva Kemp

Support staff

November 3, 2015 at 13:14
Hello,

1. As I see you haven’t mark featured products.
Please read how to do this https://support.woothemes.com/hc/en-us/articles/203104327-Mark-Product-as-Featured .

2. To enabled VC editor in Static Block go to Visual Composer > General Settings > Content types and tick “staticblocks”.

3. Please show a screenshot of the issue as it’s unclear for us.

4. Please use this code in custom.css file:
```
.products-grid.product-count-6 .product {
    width: 160px !important;
}
```
How to create custom.css you can watch in this tutorial

Regards,
Eva Kemp.
#97521 Copied
ashu16jain

Participant

November 5, 2015 at 08:03

Thank you so much for reply. I have attached below the issues. Request you to solve them at your earliest convenience.

http://ashishja.in/8themes/

Password: 1234 to access the images.

I put important in CSS but still not working.

#97894 Copied Theme version: latest WooCommerce version: latest

Jack Richardson

Support staff

November 5, 2015 at 08:15

Hello,

Sorry, but it’s still unclear what is wrong with your site. Please clarify with more details what you mean saying “Right hidden panel products are appearing in dark theme not as in the demo website”.

Thank you.

Best regards,
Jack Richardson.

#97897 Copied

ashu16jain

Participant

November 5, 2015 at 08:43

Its OK. I am sorry that I could not frame my query in a understandable form.

Issues
1. The products on home page are repeated as in 2 times the products are listed.
2. The products are not coming in a row. Due to space constraints 4th product goes into the second row. I guess instead of clear:both I should write clear:none in CSS. I tried doing that but custom CSS is not effecting the main CSS. (important also didn’t help)
3. In footer 4 columns are in different rows (due to space constraints again)
4. I need social icons in the header.
5. The hidden top panel is dark. Can we just change that colour to orange and instead of just about IKI can I include newsletter box also?
6. I want “Do you have any questions” row as appeared in Lagenda demo in IKI website. How to enable that?

Please, contact administrator
for this information.

#97910 Copied Theme version: Latest WooCommerce version: Latest
Eva Kemp

Support staff

November 5, 2015 at 11:50
Hello,

1. You have duplicate row of products because you added “Featured Products” element and shortcode for featured products in your home page.
Delete one of them.

2. Use this code in custom.css file:
```
.sidebar-position-without .products-grid.product-count-4 .product {
    width: 260px;
}
```
You didn’t rename default.custom.css file to custom.css. That’s why changes aren’t visible.
Rename this file to custom.css.

3. I’ve edited your static block “Footer 1”. Please check footer now.

4. Add the shortcode [share] into Text widget in “Place in header top bar” area in Appearance > Widgets.

5. Use this code in custom.css file:
```
.top-panel {
   background-color: orange;
}
```
To have newsletter box install the plugin https://wordpress.org/plugins/mailchimp-for-wp/ , set up it and use MailChimp widget in Hidden top panel area in Appearance > Widgets.

6. Add this code in Text element in Visual Composer editor in your home page:
```
<div class="custom-info-wrap">
<div class="custom-info-block a-left"><a href="#">Do You Have Any Question? Contact Us</a></div>
<div class="custom-info-block a-center"><a href="#">Get 15% Off When You Spend Over $100</a></div>
<div class="custom-info-block a-right"><a href="#">Free Shipping! All Orders Over $199</a></div>
</div>
```
Regards,
Eva Kemp.
#97957 Copied
ashu16jain

Participant

December 5, 2015 at 05:38

Thank you so much for the support. It was really helpful.

Few more queries
1. [share] button shares the URL is there any way to include social icons with respective social network website links like http://www.fb.com/iicecollege etc.
2. How to include 2 columned banner images as displayed in demo LAGENDA THEME
3. How to put menus in top right bar near the toggle icon? I wish to put social icons there
4. In footer I want to include “follow us” line and below that the top products thumbnail in 4 column structure.

Can you help me with these queries.

Please, contact administrator
for this information.

#102858 Copied Theme version: latest WooCommerce version: latest

Brian Johnson

Member

December 5, 2015 at 12:09

Hello

1. Please check the line 1708 in wp-content/themes/royal/shortcodes.php to modify [share] shortcode.
2. You may navigate to the
Please edit file wp-content/themes/legenda/theme-functions.php on line 1220.
3. Follow us line you may get here:
<div class="custom-info-block a-left"><span>Follow Us:</span><a href="#"><i class="icon-youtube"> </i></a><a href="#"><i class="icon-twitter"> </i></a><a href="#"><i class="icon-facebook"> </i></a><a href="#"><i class="icon-rss"> </i></a></div>
3. How to create footer you may read here: https://8theme.com/demo/docs/legenda/#!/footer.

Regards
Brian Johnson

#102889 Copied

ashu16jain

Participant

December 5, 2015 at 12:39

My queries
1. [share] button shares the URL is there any way to include social icons with respective social network website links like http://www.fb.com/iicecollege etc.
2. How to include 2 columned banner images as displayed in demo LAGENDA THEME
3. How to put menus in top right bar near the toggle icon? I wish to put social icons there

Your answer
1. Please check the line 1708 in wp-content/themes/royal/shortcodes.php to modify [share] shortcake.
I have legend theme not royal. and what kind of modifications are required please mention as I am not familiar with php coding

2. You may navigate to the
Please edit file wp-content/themes/legenda/theme-functions.php on line 1220.
Again what code I need to edit? Please suggest the exact line and syntax.

3. Follow us line you may get here:
<div class=”custom-info-block a-left”><span>Follow Us:</span><i class=”icon-youtube”> </i><i class=”icon-twitter”> </i><i class=”icon-facebook”> </i><i class=”icon-rss”> </i></div>
But where to paste the code?

How to insert small banner images as displayed in the demo legenda theme. Why it is not there in the documentation part?

#102896 Copied Theme version: legenda WooCommerce version: latest

Eva Kemp

Support staff

December 7, 2015 at 10:37

Hello,

1. You need edit the file wp-content/themes/legenda/framework/shortcodes.php (find the section “! Share This Product” in line 1460), to change links you need edit the code, for example for Twitter <a href="https://twitter.com/share?url='.$permalink.'&text='.$text.'" target="_blank"> and replace https://twitter.com/share?url='.$permalink.'&text='.$text.' with a link to your Twitter account.

2. You need use “Banner” element in Visual Composer editor and upload your image.

3. There is no option to put content in the right side top bar. You can add [share] shortcode in Text widget and drag it into “Place in header top bar” area in Appearance > Widgets. Icons will be shown on the left side.

Regards,
Eva Kemp.

#103012 Copied
Brian Johnson

Member

December 7, 2015 at 11:03
Hello

Sorry for inconvenience. The answer was related to another theme.
1. Regarding the top menu. Visual composer plugin can be used:
You may use following element for visual composer to create any type of icons:
http://prntscr.com/9b9zft.
Here is a few simple steps to achieve social icons menu look.
Then switch WP editor it to the text mode to see the shortcode like: [vc_icon type="linecons" icon_linecons="vc_li vc_li-mail" "]
Here is the screenshots for this action:
http://prntscr.com/9ba8m1
http://prntscr.com/9ba8tq
Copy paste this shortcode into your text widget in appearance-widgets-place in header top bar inside you code after menu links.

Then please add following code into the custom.css file:
```
.languages-area .textwidget{float:right!important;margin-right:30px}
@media (max-width:767px){.languages-area .textwidget{float:right!important;margin-right:100px}}
```
Please note that margin-right value can be changed. Setting the higher value places more space to the left for your icons.

Banner element can be set using “8theme banner” visual composer element. Please check this screenshot: http://prntscr.com/9bafzs.
2 Column layout for the row can be set in VC settigs:
http://prntscr.com/9bagxo

Regards,
Brian Johnson
#103026 Copied
Tagged: #legenda, columns, home page, products, rows, templates, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)