I recently upgraded one of our store (article15clothing.com) to use a custom Stencil theme we developed. I am having a weird issue (that appears like) with old template parts outputted from the old BluePrint theme, like previous embed code into the footer. Has anyone else seen something like this or know how to get rid of it?
Related
Creating Modified Blog Entries
I am new to React, and very much to Docusaurus, however, I've managed to get a decent looking DS site going. I am trying to capture some simple snippets to as "blog entries", just small factual snippets, etc. simple project summaries. I’ve hit the limit of the Docusaurus.config options and not sure how to expand the out of box components.
How do I begin to alter and edit Docusaurus to change the Blog page to be like "Cards" in component-speak? Ive seen some example in Infima, but not sure how to bridge that gap?
How can I easily replicate the Announcement Bar to also be at the bottom, like a Banner?
Thank You!
One possible arena for you to use is Bootstrap — specifically React-Bootstrap. They have a card component you could use where you link individual blog entries to that card. If you're comfortable with JavaScript, there's probably an automation you can build there, but hand-coded text is somewhat part and parcel with static-site generators.
If you want a different solution with the CSS code in your src file outright, CSSCodeLab has a React Card layout entry with an attached source code file. Some hand-coded text required, and not automatically integrated with a separate blog setup, but YMMV.
Otherwise Docusaurus' Showcase page does provide the card formatting. The source code for the page (coded at index.tsx) as well as the components are available.
I recently joined a team working on a nuxt js frontend application. Since the beginning, I could not make the project run properly in terms of styling.
Styles, classes, are correctly loaded in the html, I can clearly see them in the code inspector.
Though, it does not behave like it normally should (See picture 1). I compared nearly everything with the other developers and impossible to find a fix.
Did any of you already have such an issue ? And any idea of how to fix it ?
Thank you
Small example of the styling issue I have between 2 menus
Well, Our company has bought shopify theme and was happily using it. now we like make changes to this theme, mostly cosmetic changes, like changing card colors add some background images, then some layout change.
My question is/are:
1) Can we use bootstrap with existing theme?
2) Does making change to css of existing theme get replace if there is theme update, like WordPress?
3) How can we set it up so we can develop new design locally but our store stays live with old design until we're done developing new one?
Can we use bootstrap with existing theme?
ANS: Yes you can use bootstrap in your theme. You just need to include the bootstrap in your new templates and you are ready to go.
Does making change to css of existing theme get replace if there is theme update, like WordPress?
ANS: Suppose you'd added some CSS or custom code in your theme then new update will not replace your code. What will happen is you need to add the updates code manually in your theme. For reference you can read this article Updating themes.
How can we set it up so we can develop new design locally but our store stays live with old design until we're done developing new one?
ANS: You can use theme kit for local development. To stay live with old theme, you just need to make copy of the theme and used its ID in your theme kit.
When you start learning theme Kit then you will know what is theme ID.
Hope this information will help you.
Best of luck.
I've enabled stencil themes for my store, and am trying to use "Cornerstone" as my theme. However, the whole reason for opting in and trying out new stencil themes is their built in support for multiple languages. I need my store to at least be available in Swedish, and if possible, English as well.
I've followed the documentation adding a "sv.json" file to the langs folder, and uploaded the modified theme to my store and applied it. No changes. I've ensured my browser is setting the "Accept-Language" header to "sv".
https://stencil.bigcommerce.com/docs/the-schema
I've also tried modifying the default en.json file, but I still can't see any changes in my store...and that seems a bit strange to me?
What am I missing, is this feature not really implemented yet, or am I screwing something up with the "upload zipped theme to store admin and apply"?
https://support.bigcommerce.com/articles/Public/Custom-Theme-Upload
Any pointers are very appreciated!
I am looking for a particular div in the Shopify Liquid files of a large-ish site I am new to and that I did not build. However, I have to check the files one by one to find if the div is there, which is unefficient. The PHPStorm editor has the ctrl+shift+F option to search the file arborescence for a specific string in any file. Does Shopify have an equivalent, and what is it?
Not to be confused with:
Adding a search bar on a Shopify site
Searching Shopify store admin (I need to look at the Liquid code, not the store)
Tried already:
Googled 'shopify equivalent of phpstorm ctrl+shift+F'
Googled 'shopify keyboard shortcuts'
Googled 'shopify find in path'
Googled 'shopify search code'
Found no relevant result.
I'm afraid I have never seen such feature on the Shopify Editor. What I usually do, however, if you're not working with the theme locally already is:
Export the theme via Download Theme File
Download the .zip and extract it.
Open it with your favourite Editor (I personally use Sublime)
Use Find in Folder or your text-editor equivalent to search for the string on the whole theme.
Sadly, there's no better workflow as of now. You should consider however, setting up your theme locally so you can take advantage of version control and a more organized workflow that could help maintenance and new updates on that site.
2 options:
1) download locally (many devs work locally now using theme kit or another tool)
unzip theme and do a search either with text editor or with file manager
2) you can also use screaming frog to scan sites in detail - may be more useful though in cases where the div is not actually technically in theme but say in a metafield or added by an app.