Home New Guten › Forums › WoodMart support forum › Configure and customize product style

Configure and customize product style

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 8, 2025 at 6:08 am #659041

    hey3212
    Participant

    Hi,

    My product style is attached and my display has suppressed the categories input. I am currently only displaying product name and price. I want to display materials too. How to create a new variable to display materials, such gold, silver or brass, and replace the position where it used to display categories? Like this website https://mejuri.com/world/en/, see the attached product display from this website, where at the bottom of the product it displays “14k gold”.

    Attachments:
    You must be logged in to view attached files.
    May 8, 2025 at 1:40 pm #659187

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Theme Settings > Shop > Variable products > set the as Grid swatch attribute to display “color” https://prnt.sc/YqWQY2EvNQ2j.

    If you have any questions, feel free to contact us.

    Best Regards,

    May 8, 2025 at 3:11 pm #659222

    hey3212
    Participant

    I have. But the grid remains the same. Also, I don’t want to display color. I want to display metals, which is also an attribute. Neither attributes display itself on the grid.

    Attachments:
    You must be logged in to view attached files.
    May 8, 2025 at 3:15 pm #659226

    hey3212
    Participant

    And it is not just for variable products, I want the attribute be displayed for every product in the grid. Please double check my original question.

    May 8, 2025 at 3:29 pm #659234

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    In this case, only one attribute can be displayed in the product grid, and you’ll need to create a variable product for it.

    Additionally, go to Theme Settings > Product Archive > Product Styles, select the “Show Summary on Hover” style, and set “Hover Content” to Additional Information. This will allow additional content to appear on archive pages.

    Make sure the attributes are properly configured within each product for them to be displayed correctly. https://ibb.co/hFb3kmhn

    Best Regards,

    May 8, 2025 at 3:53 pm #659256

    hey3212
    Participant

    Hi,

    Is this the only style that can display an attribute? I don’t really like this “Show Summary on Hover” style. It does not look at neat as my current style. If I continue with my current style, is there a way to add the Metals attribute into the display? As mentioned above, you have a place for displaying Category and we just need to replace it with displaying an attribute instead.

    Attachments:
    You must be logged in to view attached files.
    May 8, 2025 at 3:54 pm #659259

    hey3212
    Participant

    I want the display of the Metals attributes to be static, just like the product names and prices, not displaying only on hover.

    May 9, 2025 at 8:43 am #659374

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    In the “Show Summary on Hover” or “Full Width Button” product styles, you can display attributes directly within the product grid.

    However, if you prefer to keep your current product style and still want to show metal attributes in the grid, you can use these attributes as a Brand:

    Go to Theme Settings > Shop > Brands and add your metal types as brands.

    Then, assign the appropriate “brand” to each product.

    In Theme Settings > Product Archive > Product Styles, enable the “Show product brand” option.

    This will display the metal attribute in the product grid while preserving your current layout.

    Hope this Helps!

    Best Regards,

    May 9, 2025 at 9:15 am #659382

    hey3212
    Participant

    Excellent! This is exactly what I need to display. Thank you so much!

    May 9, 2025 at 10:24 am #659408

    hey3212
    Participant

    Hi,

    A follow up question: how to change/edit typography such as the attached, for the product title and metal materials to have different sizes and weights?

    Attachments:
    You must be logged in to view attached files.
    May 9, 2025 at 2:50 pm #659523

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your Custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

    Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards,

    May 9, 2025 at 3:42 pm #659544

    hey3212
    Participant

    It worked very well. Thanks a lot. How to increased the row gap of the product grid? I can only see the option of setting the column space on the Theme Setting/Product Archive/Products Grid.

    May 10, 2025 at 8:29 am #659656

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the page URL so I can check and give you a custom css code.

    Best Regards,

    May 10, 2025 at 8:38 am #659661

    hey3212
    Participant

    sure. Please see the private section. As you can see, the rows are right next to each other and need to have bigger gap. Thank you so much.

    May 10, 2025 at 1:52 pm #659705

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS and change the value as per your requirements.

    .archive .wd-product {
    margin-bottom: 30px !important; 
}

    Best Regards,

    May 10, 2025 at 3:54 pm #659732

    hey3212
    Participant

    Thanks. The codes worked well. Is there a way to control Ajax loading for the filter on the product grid? Sometimes, this feature interferes with my custom codes and I want to be able to control it.

    May 12, 2025 at 7:46 am #659868

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry, but there is no option in Theme Settings available for that.

    It requires customizations, and this is beyond our limitations and support policy.

    Navigate to Theme Settings > Product Archive > Enable/Disable the Ajax Shop Page.

    Best Regards,

    May 12, 2025 at 8:08 am #659872

    hey3212
    Participant

    “Navigate to Theme Settings > Product Archive > Enable/Disable the Ajax Shop Page”, does this apply to the product grip, but not the filters on the product grid?

    May 12, 2025 at 3:02 pm #660029

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    The option “Ajax Shop” enables AJAX functionality for filter widgets, categories navigation, and pagination on the shop page applies to the entire product archive, including the product grid, filters, category navigation, and pagination.

    Best Regards,

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)