Support » Theme: Spacious » MENU TABS OUR PRODUCTS

  • Hello, thank you all for the nice thema. Someone can help me to understand how to change texts and colors as “SALES” and “ADD TO CART” and decided witch picture insert in the section (menu tabs) OUR PRODUCTS in SPACIOUS STORE theme. Thank

    • This topic was modified 3 weeks, 5 days ago by blu116.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 20 total)
  • @blu116

    Can you provide us the screenshot link with the mark of Sales and Add to cart that you want to change for better understanding of the issue?

    Thanks.

    Hi,

    Could you activate our theme and provide the link to the site so that we could inspect it and provide you with a solution? Also, could you explain in detail as to what you want to achieve with a screenshot if possible?

    Thanks.

    Hello thanks for your attention, now I work with the site locally (mac localhost) but maybe you can understand the problem from your demo that I put the link below:

    https://demo.themegrill.com/spacious-store/

    In the second section of the homepage you see a menu TAB with the title “OUR PRODUCTS” in the TAB menu you see texts “Latest” “Accessories” “Bags” “on Sale” well, I ask how and where I can modify this section, I tried and I was able to change only these titles but I can’t change images, texts, colors .. I would also remove “ADD TO CART” but it’s impossible. I’m working with ELEMENTOR thanks

    Hi,

    For changing our product section, you need to insert the shortcode of products in the Tab widget in Elementor. Insert the products in the dashboard and use the shortcode of the WooCommerce in the Tab widget to change products. For color, you can use additional CSS.

    For WooCommerce shortcode to use in Elementor, you can take a reference from the link below:
    https://docs.woocommerce.com/document/woocommerce-shortcodes/

    To hide the ‘Add to cart’ button, you can go to the Appearance > Customize > Additional CSS in the dashboard and insert the code mentioned below:

    #elementor-tab-content-1241 .woocommerce ul.products li.product .button{
    	display: none;
    }

    Thanks.

    Thanks I did not understand how it works (shortcode of products in the Tab widget in Elementor) how can I do to set the shortcode in a exist demo..? Where? But I will look on the internet if I find a simpler explanation. Do you have an email where send screanshot to show you? I have put the html your string in the “CSS section” and it works yes but only on a first part of the menu tab, within the red shoes named “LATEST”, all the other Tab menus are remained with “ADD TO CARD” as before, you have a suggestion for remove them from all the menus where it is located? Thanks

    Hi,

    First, you need to add a category by going to Products > Categories in the dashboard. After that, assign that category to the products which fall under that category.

    In the Elementor edit section, insert the Tab widget from the Elementor. Assign the tab items. The tab item name will be the name of the category. Click on one tab item and insert the shortcode for displaying the latest product in the text editor as:
    [recent_products limit="6"  columns="6"]

    Click on another Tab item and assign another product category name. After that, insert the shortcode in the text editor to show from specific category as:
    [products limit="6" columns="6" category="accessories"]

    Similarly, for showing from bags category, insert the category=”bags” in the shortcode and so on.
    [products limit="6" columns="6" category="bags"]

    For on sale, you can insert the shortcode as below:
    [products limit="6" columns="6" on_sale="true"]

    You can show products in different types by changing the shortcode of the WooCommerce. The above-provided link has all the shortcodes of the WooCommerce.

    For removing the ‘Add to cart’ from all the tabs, remove the previously provided coded and insert the code mentioned below in the Additional CSS box.

    .elementor-tabs .woocommerce ul.products li.product .button{
    	display: none;
    }

    Thanks.

    I apologize but I can’t find the TAB WIDGET in ELEMENTOR maybe I have to buy separately? Could you please show me the icon?

    I’m sorry, ok I find it!

    Thank you very much, I’m slowly understanding… but in what way do you decide which shortcodes to include in the TABS item? Are they already decided?
    Do you have a gallery/portfolio to insert in the theme to suggest to me for free?

    @blu116

    For the product tab issue, you need to create the heading of the product category as required and place the shortcode related to it. So, can you once check on it and confirm?
    For the later issue, ie, gallery, there might be a plugin available for it in the WordPress plugin directory. So, can you search there and manage as needed?

    Thanks.

    So I make a product listing, and where do I find the shortcode? Can this shortcode also be put on a other or different page?
    Another question, I saw the “shop page”but with elementor I can’t modify it, because it’s not possible to see the preview (message), maybe the reason is because the site I’m working on is on my local host (computer)?
    The gallery in my question is if you recommend a particular gallery between plugins page, for this theme? thanks

    Hi,

    As shown above, you can find shortcodes in the WooCommerce docs. You can simply copy and paste the shortcodes as shown above. You need to only change the category name with the category you have created Products > Categories in the shortcode. You can use the shortcode on any page you want.

    The shop page can’t be edited with the Elementor as it is shown from the WooCommerce. There is no recommended gallery plugin. You can use the gallery plugin according to your requirements.

    Thanks.

    Thanks! You are very kind, another information, in the Elementor text editor, in text paragraphs if I change the size then it doesn’t work, so I ask, in the “ADVANCED” settings there are 2 lines “CSS ID” and CSS CLAS” Can I you use these to change text settings? and if yes, do I have to insert classes that I’ve already written in a separate style sheet or write there? thanks

    Hi,

    We will check it in detail and fix it if the issue persists. For now, you can use the Heading widget instead of Text paragraph . In the Heading widget, select the HTML Tag as paragraph and it should work fine.

    Thanks.

Viewing 15 replies - 1 through 15 (of 20 total)
  • You must be logged in to reply to this topic.